v-model绑定vuex state 中数据的方法

使用computed进行监听

computed: {
	//values v-model绑定的参数
	values: {
      // 获取数据
      get() {
      // kongJianGuanLi 为 vuex 中添加了 namespaced: true 
      // 所必带的参数 如果没有添加可以删除
        return this.$store.state.kongJianGuanLi.zhuti1
      },
      // 点击触发
      set(val) {
      // changeZhuti1t 通过mapActions 结构出的方法
      // 不理解的可以用
      // store.dispatch 或 store.commit 方法触发,效果相同
        this.changeZhuti1t(val)
      }
    }
}

唯一的问题是 我做的功能背景是只有一个搜索框。
不是form表单,没有深入了解 form.values 这种如何绑定,
如果只是 values一级,不是对象绑定的话,或许可以帮到你。

突然想到使用watch与computed结合的方法,可以监听到对象子属性,也可以使用watch deep:true 的方法监听-----

有需要的可以去百度下-


版权声明:本文为zbz_index原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。