VUE computed与watch配合使用监听对象内部的属性值变化

博客讨论了在Vue环境下,计算属性`computed`在小程序和APP中行为的不同。当计算属性在小程序中正常工作,但在APP中不执行预期逻辑时,作者转向使用`watch`来监听`model.name`属性的变化。通过创建一个`watch`监听器和辅助的计算属性,问题得到了解决。文章探讨了如何在不同平台下适配Vue的特性,并提出了使用`watch`进行属性监听的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

@[TOC]VUE环境:uview 小程序和APP
代码示例:
data(){
return{
mode:{
name: ‘’"
}
}
}

computed:{
“model.name”:function(){
if(typeof(this.model.name) == ‘string’){
//自己的逻辑
}
},
}
onLoad(){
//给model.name赋予新值
}

以上就是基础的代码,在小程序的环境中运行正常,能够进入到计算属性中执行自己的逻辑,但是在APP中却不执行计算属性中的代码(我目前不知道为什么不执行,有知道的朋友还请告知一下)
如果我想监听model.name的属性 我该怎么做呢,然后我想到了watch,是否可以结合watch一起使用
watch:{
modelName(Nval,Oval){
if(typeof(Nval) == ‘string’){
//自己的逻辑
}
}
},
computed:{
modelName(){
return this.model.name
}
}

经过以上的逻辑利用watch监听computed中的属性,能够实现
也可以直接用watch监听实现,只是刚刚开始的时候想到用computed计算属性,就想着用这个方法解决问题了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值