下面的代码是一个最简单的列子，必须要用到 computed，我希望在表单变化的时候能在 set 方法监听到 并做相应的处理。 代码如下
<!doctype html> <html lang="en"> <head> <script src="https://cdn.bootcdn.net/ajax/libs/vue/3.0.7/vue.global.prod.js"></script> <title>Document</title> </head> <body> <div id="app"> <template v-for="v in newList"> <div><input type="text" v-model="v.title"></div> </template> </div> <script> Vue.createApp({ data() { return { list: [{ttle: 'A1'}, {title: 'B1'}, {title: 'C1'}] } }, computed: { newList: { get() { let r = []; this.list.forEach(v => { r.push({title: v.title + ' - dd'}); }); return r; }, set(v) { // 没有执行 console.log(this.$set); } } } }).mount('#app'); </script> </body> </html> 
Select Language