vue computed里进行get、set数组时，怎么让set可以执行？

• Z时代
• 2024-02-26
• 分类：IT

 <div v-for="(url, index) in urls"
       :key="index">
      <a-input v-model="url.value"/>
</div>

 data() {
    return {
        test: ['111', '222', '333']
    }
},
computed: {
    urls: {
      get() {
          return this.test.map((item, index) => {
              return {
                  value: item
              }
          });
      },
      set(value) {
         this.test = value.map((a)=> {
              return a.value;
         })
      }
}

如上代码所示，urls通过get、set自动转换，但实际上输入框值改变时，并无法触发set方法，这里是简化实现，实际上test数组是个store数组，要怎么才能实现这种效果？

回答：

computed 不支持 deep 的，你可以用 watch 来实现这个需求

以上是 vue computed里进行get、set数组时，怎么让set可以执行？ 的全部内容， 来源链接： utcz.com/p/933371.html