vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue computed的set方法无效

vue computed的set方法无效问题及解决

作者:hua_ban_yu

这篇文章主要介绍了vue computed的set方法无效问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vue可以通过set方法将data里面的原始数据改掉,但是为啥监控发现并没有变化,而且set和get打个对调,get输出的值还是不变。

原因

默认情况下computed的set方法是不会被执行,只有对重新赋值才会触发computed的set方法。

解决方法

只需要对app.fullName进行赋值即可

步骤

通过get、set方法对fullName进行赋值,同时在对应的get、set方法里使用console.log()方法告诉控制台执行了那个方法。

保存代码使用浏览器打开后发现,控制台上只显示 执行了get方法

运行app.fullName = ""让setter 被调用。

保存代码后刷新浏览器,这个时候会看到内容已经被修改,控制台上打印执行了set方法

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文