问题描述:当我们写弹窗页面的时候,一般都需要点击透明背景的空白处就关闭弹窗,但是透明背景为弹窗内容的父级元素,所以导致点击弹窗内容的时候也会关闭弹出。
解决:给子级元素添加@click.stop事件
<view class="follow" @click="clickclose"> //父级元素
<view class="back" @click.stop="fangzhi"> //子级元素
<image src="../../static/follow.jpg" mode="aspectFit"></image>
<text class="title">需要关注公众号</text>
<text class="content">长按二维码关注</text>
</view>
</view>
<script>
export default {
data() {
return {
};
},
methods:{
clickclose(){
console.log('点击了空白处');
this.$emit('close','关闭');
},
fangzhi(){
console.log('不想被浸泡')
}
}
}
</script>