大佬教程收集整理的这篇文章主要介绍了javascript – 在计算属性中使用条件逻辑无法更新，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我有一个可以通过编程方式更改的计算属性(我正在使用get和set方法).
期望：
>如果默认参数更改(this.message),则必须更改计算属性(computedMessage)(默认行为).
>如果辅助参数发生更改(this.messageProxy),则只有计算属性必须反映辅助参数.
小提琴A按预期工作但小提琴B没有.
错误：辅助参数更改后,默认行为(第1点)停止.
fiddles之间的唯一区别是计算属性中的控制台语句.
背景：我试图以编程方式设置计算属性.计算属性设置如下：
computedMessage: {
get () {
let messageProxy = this.messageProxy
this.messageProxy = null
console.log(messageProxy,this.messageProxy,this.message)
return messageProxy || this.message
},set (val) {
this.messageProxy = val
}
}
这允许我设置computedMessage的值,如：
this.computedMessage = 'some string'
如果这些行：
get () {
let messageProxy = this.messageProxy
this.messageProxy = null
return messageProxy || this.message
}
被替换为：
get () {
return this.messageProxy || this.message
}
那么在设置this.messageProxy时,computedMessage就无法再访问this.message了.
通过将this.messageProxy设置为null,我确保了
computedMessage = this.messageProxy
只有在作出任务时.
来自Docs：
status: function () {
return this.validated
? this.okMsg
: this.errMsg // errMsg isn't accessible; won't trigger updates to status
}
解决方法是显式访问依赖项：
status: function () {
// access dependencies explicitly
this.okMsg
this.errMsg
return this.validated
? this.okMsg
: this.errMsg
}
因此,在您的示例中添加对this.message的引用：
get() {
this.message
let messageProxy = this.messageProxy
this.messageProxy = null
return messageProxy || this.message
}
您的第一个小提琴按预期工作的原因是因为console.log调用将this.message作为参数.
以上是大佬教程为你收集整理的javascript – 在计算属性中使用条件逻辑无法更新全部内容，希望文章能够帮你解决javascript – 在计算属性中使用条件逻辑无法更新所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。