背景：v-click-outside点击盒子aaa外部，盒子aaa隐藏
问题：因为el-dialog绑在了body上，点击el-dialog里的任意内容，盒子aaa也隐藏了。
需求：点击el-dialog里的任意内容，盒子aaa不隐藏文章来源：https://www.toymoban.com/news/detail-509977.html
<div class="aaa" v-click-outside="onClickOutside">
<el-dialog :visible="dialogVisible" title="Dialog">
<!-- Dialog 内容 -->
<div></div>
</el-dialog>
</div>
onClickOutside(event) {
}
解决：给el-dialog加上 @click.native.stop来阻止 el-dialog 内部的点击事件冒泡。文章来源地址https://www.toymoban.com/news/detail-509977.html
<div class="aaa" v-click-outside="onClickOutside">
<el-dialog :visible="dialogVisible" title="Dialog" @click.native.stop>
<!-- Dialog 内容 -->
<div></div>
</el-dialog>
</div>
到了这里，关于[element-ui] v-click-outside与el-dialog同时存在，出现的Bug的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
