打赏

vue sync用法

1、父组件

<add-rule :show.sync="showEditDialog" :addOrUpdate="addOrUpdate" @close="showEditDialog = false"  :ruleData="editIfo" />

2、子组件


        // 这样可以
        // this.$emit('close')
        // 这样也可以
        this.$emit('update:show', false);

即:需要触发事件(update事件)。但是设置变量的话,变量传递不到父组件中。

 

说明:在使用sync修饰符时,一定会使用update:变量来更新变量值

仅仅是在父组件中少定义了一个自定义函数(否则可以使用this.$on('close')来触发变量值更新)

 

posted @ 2018-07-16 15:14  孟繁贵  阅读(2260)  评论(0编辑  收藏  举报
TOP