vue的watch监听函数 watch用来响应数据的变化,watch 的用法大致有以下三种: 1. 监听某个变量 watch: { name(newName, oldName) { console.log(newName) // 改变前的值 console.log(oldName) // 改变后的值
this.$set(obj,key,value) - 应用场景:为data中的某一个对象添加属性 <template <div <button @click="addProps"添加属性</button {{ hun.name }} <input type="text" v-model="hun.age" </div </
element组件库的Dialog对话框默认可以通过点击 modal 关闭 Dialog,即点击空白处弹框可关闭。 单功能设置如下: <el-dialog :close-on-click-modal="false" </el-dialog 全局修改默认配置,点击空白处不能关闭弹窗: //在组件注册.js文件中 Dialog.props.cl
/deep/ 在style经常用scoped属性实现组件的私有化时,但是要改变element-ui某个深层元素(eg:.el-input__inner)或其他深层样式时,需要使用/deep/,如下: .conBox /deep/ .el-input__inner{ padding:0 10px; } ::v-deep 注意:/deep/在vu
使用vue-pdf插件展示pdf文档 <template <div class="citicBankDoc" <el-dialog :show-confirm-button="false" :visible.sync="showCiticDialog" :show-close="false"
forEach() - 定义和用法 forEach()方法用于调用数组的每个元素,并将元素传递给回调函数 注意: forEach()对于空数组是不会执行回调函数的。 - 语法 array.forEach(function(currentValue,index,arr),thisValue) - 参数 function(currentValue,index,a
// vue.config.js 配置说明 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/css-loaderoptions // 这里只列一部分,具体配置参考文档 module.exports = { // 部署生产环境和开发环境下的URL。 // 默认情况下,Vue CLI
this.$router.push 1.跳转到指定URL,向history栈添加一个新的记录,点击后退会返回至上一个页面 2.声明式 <router-link :to="...." 编程式 router.push(...)//该方法的参数可以是一个字符串路径,或者一个描述地址的对象。 this.$router.push('/index')
两者都可以传递参数,区别是什么? query 传参配置的是path,而params传参配置的是name,在params中配置path无效 query在路由配置不需要设置参数,而params必须设置 query传递的参数会显示在地址栏中 params传参刷新会无效,但是query会保存传递过来的值,刷新不变 ; query: this.$route
在进行窗口的resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。 此时我们可以采用debounce(防抖)和throttle(节流)的方式来减少调用频率,同时又不影响实际效果。 函数防抖 函数防抖(debounce):当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才
暂无数据