vuex中获取的数据使用v-model绑定出问题

  get selectedProp() {
    return this.$store.state.selectedProp;
  }

获取的数据selectedProp直接绑定在表单元素上会有错,因为不能直接对vuex里面的数据进行更改

      <el-radio-group v-model="selectedProp">
            <el-radio size="small" :label="1">&nbsp;</el-radio>
          </el-radio-group>

此时需要使用计算属性的set方法,更改selectedProp的值的时候向vuex直接提交新值:

  set selectedProp(value) {
    this.$store.commit('upSelectedChange', value);
  }

 

posted @ 2017-09-08 17:04  ฅ˙-˙ฅ  阅读(3478)  评论(0编辑  收藏  举报