摘要：
在下次 DOM 数据更新循环结束之后执行延迟回调。也就是说此回调函数是延迟执行的，是在下一次DOM数据更新后自动执行。Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新。主要用在两方面，一种是在vue的created函数中操作DOM数据时使用，另一种是修 阅读全文
posted @ 2021-06-26 19:26
钟小嘿
阅读(379)
评论(0)
推荐(0)
摘要：
vue 的filters中 this指向的并不是vue实例，但想要获取vue实例中data中的数据，可以在 beforeCreate中将vue实例赋值给定义的全局变量app，然后在filters中通过app代替this来获取data中的数据。 <template> <div> <div v-for= 阅读全文
posted @ 2021-06-26 19:21
钟小嘿
阅读(1546)
评论(0)
推荐(0)
摘要：
给定一个网址，在页面生成二维码，手机扫码后直接进入此网站。 1）安装全局的插件 npm install qrcodejs2 -S 2）组件封装 在component目录下新建一个vue文件，内容如下 <template> <div> <div id="qrcode"></div> <!-- 创建一个 阅读全文
posted @ 2021-06-26 19:14
钟小嘿
阅读(1099)
评论(0)
推荐(0)
摘要：
实现打印功能，需要安装一个插件vue-print-nb，使用方法如下 1）安装全局的插件 npm install vue-print-nb -S 2）在main.js中注册 import Print from 'vue-print-nb' Vue.use(Print) 3）在页面中使用 <templ 阅读全文
posted @ 2021-06-26 19:10
钟小嘿
阅读(4681)
评论(0)
推荐(0)
摘要：
1.属性的监听 普通的属性，直接在data中定义，然后监听即可。详见Vue基础。 2.对象属性的监听 对象中的属性，要想监听其中的某一属性值的变化，不能直接监听对象的变化。 data() { return { user:{ name:'', age:'' } } }, computed:{ getN 阅读全文
posted @ 2021-06-26 19:02
钟小嘿
阅读(1030)
评论(0)
推荐(0)
摘要：
在vue中，若直接给一个空对象添加一个属性并且是响应式的，必须使用$set方法，只有这样才能让视图同步刷新。 当对象的属性存在时就赋值，不存在则给其添加属性，再赋值。 //判断属性是否存在 if (!this.user.age) { //参数：对象，要添加的属性名，属性值 this.$set(thi 阅读全文
posted @ 2021-06-26 18:51
钟小嘿
阅读(9499)
评论(0)
推荐(0)
摘要：
在官网可以看到，input、select等标签，当绑定值变化时，就会触发chenge方法，默认里面传递的是更新后的值。使用radio为例说明： 1）不传递参数 <el-radio @change="getValue" label="1" v-model="sex">男</el-radio> <el- 阅读全文
posted @ 2021-06-26 18:22
钟小嘿
阅读(1955)
评论(0)
推荐(0)
摘要：
provide/inject提供了一种新的组件间通信的方法。它允许父组件向子孙组件间进行跨层级的数据分发，但是provide/inject是非响应式的。一般用于子组件调用父组件的共有方法。它们两个需要一起使用，允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时 阅读全文
posted @ 2021-06-26 18:00
钟小嘿
阅读(1105)
评论(0)
推荐(0)
摘要：
对于常规的计算属性，都是直接返回单个值，如： computed: { result() { return this.one + this.two } } 其实也可以返回一个方法。且看下面的代码： <template> <el-table :data="data" border fit highlig 阅读全文
posted @ 2021-06-26 17:28
钟小嘿
阅读(423)
评论(0)
推荐(0)
摘要：
1.引言 当在多配置文件中，需要切换配置文件时，通常的做法都是修改激活的文件名称，而spring.profiles.active=@profiles.active@ 是配合 maven profile进行选择不同配置文件进行启动，可以避免修改文件，而在maven打包是指定使用哪个配置文件。 2.实战 阅读全文
posted @ 2021-06-26 16:35
钟小嘿
阅读(5555)
评论(0)
推荐(1)
浙公网安备 33010602011771号