vue2 computed get 依赖外部变量不刷新相关记录

举报
Amrf 发表于 2020/03/06 11:11:40 2020/03/06
【摘要】 例如get依赖于window.location.href或者外部js变量,这些情况get的刷新会遇到问题,需要采用vue环境中的this.$route.fullPath或者进行一些人为的事件绑定和设置;此外get依赖Promise结果可能需要采用asyncComputed或者改成不依赖异步结果的形式;另外还要注意computed中访问data成员需要使用this.$data形式获取;此外,g...


  1. 例如get依赖于window.location.href或者外部js变量,这些情况get的刷新会遇到问题,

    需要采用vue环境中的this.$route.fullPath或者进行一些人为的事件绑定和设置;

  2. 此外get依赖Promise结果可能需要采用asyncComputed或者改成不依赖异步结果的形式;

    另外还要注意computed中访问data成员需要使用this.$data形式获取;

  3. 此外,get获取数组或者对象类的时,这些对象的更新也需要注意更新方式,否则vue不会检测到相关变化,除非forceupdate

参考:

https://vuejs.org/v2/guide/list.html

image.png

https://stackoverflow.com/questions/51992261/why-vue-component-wont-update-on-select-change

image.png

https://forum.vuejs.org/t/computed-property-for-array-element/3611

https://stackoverflow.com/questions/45464410/vue-js-input-v-model-and-computed-property

https://stackoverflow.com/questions/42678983/vue-js-computed-property-not-updating




【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

举报
请填写举报理由
0/200