Vue中watch用法
我前端开发时看到同事使用到了watch,所以稍微提取了一下操作方法(vue)
具体如下图:
vue代码
账户名称:<el-input v-model="qqName" style="width: 10%"></el-input>账户密码:<el-input v-model="qqPwd" style="width: 10%"></el-input>
vue中 data() {return {}} 中定义变量
data() {return {qqName: "",qqPwd: "",}}
Vue中watch{ }中定义
watch: {//当变量值发生改变是进行调用qqName(newValue, oldValue) {console.log("当变量值发生改变是进行调用oldValue",oldValue,"newValue:",newValue);},qqPwd(value) {console.log(value);},},
效果
若要初始化就进行一次调用则可以改为:
//页面渲染时就调用一次qqName: {handler(newValue, oldValue) {console.log("页面渲染时就调用一次oldValue", oldValue, "newValue:", newValue);},immediate: true},
总结:
如果觉得《Vue中watch用法》对你有帮助,请点赞、收藏,并留下你的观点哦!