码迷,mamicode.com
首页 > 其他好文 > 详细

vue2.0修饰符sync用法

时间:2017-08-10 15:35:02      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:vue2   log   port   efault   ble   one   com   注入   bsp   

如果子组件是一个弹窗,我们想通过点击关闭按钮来关闭子组件弹窗,子组件弹窗的v-show由变量isVisible控制,这个变量通过props由父组件来注入,

而子组件无法改变props里面的变量的值,但可以通过sync修饰来实现,代码如下:

子组件:

<button @click="close">关闭</button>

 

    export default {
        props: {
            isVisible: {
                type: Boolean,
                default: false
            }
        },
        methods: {
            close () {
                this.$emit(‘update:isVisible‘, false);
            }
        }
    };

父组件:

<chlid-component :isVisible.sync="isVisible"></chlid-component>

 

vue2.0修饰符sync用法

标签:vue2   log   port   efault   ble   one   com   注入   bsp   

原文地址:http://www.cnblogs.com/loveyunk/p/7339515.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!