vue 侦听器watch
程序员文章站
2022-05-16 22:12:53
...
watch
侦听data中的变量发生变化时,其变化前后的值
<div id="app">
<input type="text" v-model="firstName" />
</div>
var vm = new Vue({
el:"#app",
data:{
firstName:"张",
lastName:"食盐",
timer:0
},
watch:{
firstName(newVal,oldVal){
//firstName即为你想监听的数据的名称
//newVal:表示改变后的值
//oldVal:表示改变前的值
clearTimeout(this.timer);
//节流,在输入1.5s后在打印内容
this.timer=setTimeout(()=>{
console.log({newVal,oldVal})//{newVal: "陈", oldVal: "张"}
},1500)
}
}
})
转载于:https://www.jianshu.com/p/44c9fc91f402
上一篇: Vue 项目尝鲜(四) 使用 ElementUI 布局
下一篇: vite2+vue3.0+ts