请教一个 computed 的 set 方法无法触发的问题？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Vue.js

这是一个创建于 1298 天前的主题，其中的信息可能已经有所发展或是发生改变。

下面的代码是一个最简单的列子，必须要用到 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: [{title: '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>

8 条回复 • 2021-05-13 16:16:50 +08:00