首页 > 技术文章 > 在Vue中通过v-model双向绑定计算属性get和set方法

zhaodz 2019-10-17 17:37 原文

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

 

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

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

 

推荐阅读