vuewatch监听对象及对应值的变化,watch监听不到vuex的数据
这篇文章主要介绍了某视频剪辑软件如何使用看监听指定数据的变化,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
目录
使用看监听指定数据的变化某视频剪辑软件手表监听多个值
使用watch监听指定数据的变化
在某视频剪辑软件中,可以使用看属性来监听数据中某个属性值的变化。
超文本标记语言
头
meta http-equiv= Content-Type Content= text/html;charset=utf-8 /
/头
身体
div id=应用程序
输入类型=text v-model=firstname
输入类型=text v-model=lastname=
输入类型=text v-model=fullname
/div
/body
脚本src=./lib/vue.js/script
脚本
var vm=new Vue({
埃尔: #app ,
数据:{
名字:,
姓氏:,
全名:""
},
方法:{
},
//使用这个属性,可以监视数据中指定数据的变化,然后触发这个看中对应的功能处理函数
观察:{
名字:函数(新值,旧值){
//console.log(监视到了名字的变化);
//这个。全名=这个。名字-这个。姓
console.log(新值-旧值)
这个。全名=新值- this。姓
},
lastname:function(newVal){
这个。全名=这个。名字-新值
}
}
})
/脚本
/html
vue watch监听多个值
用计算定义一个地址对象吧,然后再去观察地址
data() {
返回{
检查:错误,
sign_img: ,
submit_flag: false
}
},
计算值:{
btnObj() {
const { sign_img,check }=this
返回{
sign_img,
支票
}
}
},
观察:{
btnObj: {
处理程序:函数(新瓦尔,旧瓦尔){
如果(!this.sign_img this.check){
this.submit_flag=true
this.sign_flag=1
}否则{
this.submit_flag=false
this.sign_flag=0
}
},
深:真的,
即时:正确
}
}
以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。