Vue 计算属性被另一个计算属性依赖。

想要修改这个计算属性,所以设定这个计算属性的setter,并重新赋值时,依赖方没有重新计算。不知道是否有有效的方法。

其实就是这么一个场景。
1*2=2
三个数字代表三个输入框,等于右边的值为计算属性。我想去改这个值,当改成1的时候,字体背景色改为红色。

阅读 3.9k
1 个回答

我好像理解了,setter实现也必须要把get反向实现一遍
官方示例

var vm = new Vue({
  data: { a: 1 },
  computed: {
    // 仅读取
    aDouble: function () {
      return this.a * 2
    },
    // 读取和设置
    aPlus: {
      get: function () {
        return this.a + 1
      },
      set: function (v) {
        this.a = v - 1
      }
    }
  }
})
vm.aPlus   // => 2
vm.aPlus = 3
vm.a       // => 2
vm.aDouble // => 4
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题