vue computed的set方法无效问题及解决
更新时间:2023年11月16日 10:30:26 作者: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方法
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
vue使用vue-video-player插件播放视频的步骤讲解
在最近的项目中有一个视频播放的功能,在之前的项目中没有接触过类似的功能,第一次接触,把具体操作步骤一下,这篇文章主要给大家介绍了关于vue使用vue-video-player插件播放视频的相关资料,需要的朋友可以参考下2022-12-12
最新评论