在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue子組件是一個遮罩，遮罩上面是個彈框，我點擊彈框上面的x，可以關閉這個遮罩嗎

vue子組件是一個遮罩，遮罩上面是個彈框，我點擊彈框上面的x，可以關閉這個遮罩嗎

父組件里設置了點擊按鈕，點擊按鈕會彈出另一個頁面，就是遮罩頁面，遮罩頁面上面有個彈框，當我點擊彈框上面的x的時候，可以退出這個彈框嗎？？

回答
編輯回答
生性

功能組件，應該由調用方決定這個組件是顯示還是隱藏。它只管發(fā)出事件，調用方做相對應的響應就好。

2017年9月23日 16:49
編輯回答
有你在

可以 看你點擊按鈕是通過v-show來顯示的 還是通過路由

可通過自定義事件，讓子組件修改父組件的變量
demo

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <script src="https://cdn.bootcss.com/vue/2.5.13/vue.min.js"></script>
</head>
<body>
  <div id="app">
    父組件的值：{{test}}
    <child v-on:posttoparent="change"></child>
</div>

    <template id="child">
        <div @click="toggle">{{test}}點擊我改變父組件的值</div>
    </template>
    
    <script>
        var child = Vue.extend({
            template:'#child',
            props:['test'],
            methods:{
                toggle(){
                    this.$emit('posttoparent',false)
                }
            }
        });
        var app = new Vue({
            el:'#app',
            data(){
                return{
                    test:true
                }
            },
            components:{child},
            methods:{
                change(val){
                    this.test = val;
                }
            }
        })
    </script>
</body>
</html>
父組件
<up-load v-show="isUp" v-on:showChanged ="change"></up-load>
change(show){
    this.isUp = show
}

子組件
uptoggle(){
    this.$emit("showChanged","false")
}
2017年2月4日 15:32
編輯回答
有點壞

類似的，也可以用 .sync

父組件
<up-load v-show="isUp" :visible.sync="isUp"></up-load>
加一個按鈕

uptoggle(){

    this.isUp = !this.isUp
  }


子組件
uptoggle(){
    this.$emit("update:visible", false)
}
2017年1月27日 06:38