问题描述:

使用Vuex管理数据时,在组件内使用$emit分发事件后,获取回来的数据要自动更新到该组件内,需要使用computed来计算更新。

一开始尝试使用赋值给data的方法,后来发现重新发起ajax请求数据后无法更新新数据。

因为data属性只是在组件实例化时赋值一次,依赖发生变化时不会更新,想要使用data来获取computed同样的效果可以对data的字段进行watch。

而计算属性是基于它的依赖缓存的。计算属性在它的相关依赖发生改变时会重新取值,所以当ajax请求回来的数据发生变化时,计算属性的值会进行更新,相关的模板引用也会重新渲染。

相比较而言使用computed更方便,如下是在实际应用中要不断更新的字段,this.$store.state.templateStorage.recommendTpl 是由ajax重新获取的数据。

computed: {
      recommendTpl () {
        return this.$store.state.templateStorage.recommendTpl;
      }
    },

相关文章:

  • 2021-09-13
  • 2021-08-17
  • 2021-12-03
  • 2021-05-22
  • 2021-07-28
  • 2021-11-28
  • 2022-01-26
猜你喜欢
  • 2022-12-23
  • 2021-04-19
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-26
  • 2021-11-06
相关资源
相似解决方案