使用watch监听指定数据的变化
在vue中，可以使用watch属性来监听data中某个属性值的变化。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <div id='app'> <input type="text" v-model="firstname" >+ <input type="text" v-model="lastname" >= <input type="text" v-model="fullname"> </div> </body> <script src="../lib/vue.js"></script> <script> var vm = new Vue({ el:'#app', data:{ firstname:'', lastname:'', fullname:'' }, methods:{ }, //使用这个属性，可以监视 data 中指定数据的变化，然后触发这个 watch 中对应的function 处理函数 watch:{ firstname:function(newVal,oldVal){ //console.log('监视到了firstname的变化'); //this.fullname = this.firstname + "-" + this.lastname console.log(newVal +"---"+oldVal) this.fullname = newVal + "-" + this.lastname }, 'lastname':function(newVal){ this.fullname = this.firstname + "-" + newVal } } }) </script> </html> 
vue watch监听多个值
用computed定义一个address对象吧，然后再去watch addres
data() { return { check: false, sign_img: "", submit_flag: false' } }, computed: { btnObj() { const { sign_img, check } = this return { sign_img, check } } }, watch: { btnObj: { handler: function(newVal,oldVal) { if(!!this.sign_img && this.check){ this.submit_flag = true this.sign_flag = '1' }else{ this.submit_flag = false this.sign_flag = '0' } }, deep: true, immediate: true } } 热门文章
- 动物疫苗管理法律法规最新版（动物疫苗的管理方法）
- 广州在哪里可以领养狗狗（广州在哪里可以领养狗狗狗）
- 「12月2日」最高速度19.5M/S，2024年Clash Verge每天更新免费机场订阅节点链接
- vue如何使用watch监听指定数据的变化_vue.js
- 「11月12日」最高速度21.7M/S，2024年Clash Verge每天更新免费机场订阅节点链接
- 「11月6日」最高速度22.5M/S，2024年Clash Verge每天更新免费机场订阅节点链接
- 「11月30日」最高速度18.8M/S，2024年Clash Verge每天更新免费机场订阅节点链接
- 动物疫苗不小心扎到人身上会怎么样吗（动物疫苗是有毒有害吗）
- 「12月6日」最高速度19.3M/S，2024年Clash Verge每天更新免费机场订阅节点链接
- C语言实现扫雷游戏（代码）