首页 > 其他 > 详细

Vue 父子页面数据双向绑定

时间:2020-05-31 17:43:23      阅读:77      评论:0      收藏:0      [点我收藏+]

Father.vue

<template>
    <view>
        <view @click="show">我是父组件按钮</view>
        <child :isShow.sync="isShow" v-if="isShow"></child>
    </view>
</template>
<script>
import child from "./child.vue"
export default{
    data(){
        return{
            isShow:false
        }
    },
    components:{
        child
    },
    methods:{
        show(){
            this.isShow=true;
        }
    }
}
</script>

child.vue

<template>
    <view>
        我是子页面
        <view @click="upIsShow">我是子组件按钮</view>
    </view>
</template>
<script>
    export default{
        methods:{
            upIsShow(){
                this.$emit("update:isShow",false);
            }
        }
    }
</script>

 

Vue 父子页面数据双向绑定

原文:https://www.cnblogs.com/joesmile/p/13019525.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!