// html编辑
<!-- 需要@click 实现vue内部方法 -->
<div class="children" @click="openwindow()"></div>
// js编辑
<script>
export default {
methods: {
openwindow () {
this.$emit('setting') // setting这个名字自己取, $emit(event , arg )
console.log()
}
}
</script>
第二步 在父组件App.vue中编辑
<template>
<div id="app">
<!-- 这是弹窗组件 -->
<!-- 弹窗组件里有个关闭按钮,传$emit('closewindows') -->
<v-popwindow v-if="istrue" @closewindows="closewindows"></v-popwindow>
<!-- 这是子组件 -->
<!-- $emit从哪传出来就得到该组件标签接收,自己发自己收 -->
<v-bottom @setting="openwindows" @onsale="opensale"></v-bottom>
</div>
</template>
// js编辑
export default {
data () {
return {
istrue: false
}
},
methods: {
openwindows () { // 打开弹窗
this.istrue = !this.istrue
console.log(this.istrue)
},
closewindows () { // 关闭弹窗
this.istrue = !this.istrue
console.log(this.istrue)
},
}
}