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方法
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vscode开发vue非常好用,因为有很多的插件,可以补全语法,或者高亮便于检查错误,但我最近发现我的vscode却没有了代码提示,这篇文章主要给大家介绍了关于VSCode中书写Vue无代码提示该如何解决的相关资料,需要的朋友可以参考下2022-12-12
这篇文章主要给大家介绍了如何解决vue3项目打包后部署后某些静态资源图片不加载问题,文中通过图文结合的方式讲解的非常详细,有需要的朋友可以参考下2024-05-05
在系统开发中遇到了这么一个问题：后端一次性返回上百条的数据，我需要把返回的数据全部显示在表格里，而且甲方爸爸明确指定了表格是不允许使用分页的。可是当使用a-table装载上百条数据时，页面出现了明显的卡顿现象。只能使用滚动加载的方案来代替了。2021-06-06
本文主要介绍了vue处理get/post的http请求的实例，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
这篇文章主要介绍了vue中Promise的使用方法详情，Promise可以说是异步编程的一种解决方法,主要是为了解决代码乱的情景而出现的,下文介绍其具体用法，需要的小伙伴可以参考一下2022-03-03
计算属性是基于它们的依赖进行缓存的,只有在它的相关依赖发生改变时才会重新求值,而watch则是一个更为通用的监听器,它可以在数据变化时执行异步操作或开销较大的操作2025-01-01
这篇文章主要介绍了手把手带你封装一个vue component第三方库，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-02-02
这篇文章主要介绍了Vuejs第八篇之Vuejs组件的定义实例解析的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-09-09
文章主要讲述了在Vue中插入base64图片的方法,包括在模板中写入img标签、在methods中写入事件以及调用后端接口,作者分享了个人经验,希望能为读者提供参考2026-05-05
这篇文章主要介绍了Vue2.x 项目性能优化之代码优化的实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
最新评论