vue中v-model使用计算属性,双向绑定失效

在vue中v-model绑定了一个值到val中,用到了计算属性监测val的变化,但是使用了computed之后,v-model的双向绑定失效

vue中v-model使用计算属性,双向绑定失效_第1张图片

computed: {
      getAddress() {
        if(this.$store.state.updateAddress){
          this.address = this.$store.state.updateAddress
        }
        return this.$store.state.updateAddress;
      },
    },

输入地址之后再输入下面其他input值,地址值变为空,打印this.address为空

后来在计算属性中加入get和set解决了双向绑定问题

computed: {
      getAddress: {
        get: function () {
          if(this.$store.state.updateAddress){
            this.address = this.$store.state.updateAddress
          }
          return this.address
        },
        set: function (value) {
          this.address = value
        },
      },
    },

 

你可能感兴趣的:(vue)