在Vue中通过v-model双向绑定计算属性get和set方法

v-model 双向绑定数据,v-model=“data”写在html的表单标签中,计算属性中的函数有get和set的双向绑定数据方法,所以可以将v-model的值作为计算属性中的函数名

在函数的get方法中的返回值   即为 v-model的所在表单标签的value值

在函数的set方法中参数即为表单标签中的value值,当value值变化时,会使set函数体内与set参数有关的值发生变化

        computed: {
    
            toggleAll: {
                get() {
                    return this.unCompleteCount === 0;
                },

                set(stutus) {
                    this.items.forEach(function(v) {
                        v.completed = stutus;
                    });
                }
            }
        }

猜你喜欢

转载自www.cnblogs.com/zhaodz/p/11693571.html
今日推荐