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方法
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。