背景：v-click-outside點擊盒子aaa外部，盒子aaa隱藏
問題：因為el-dialog綁在了body上，點擊el-dialog里的任意內容，盒子aaa也隱藏了。
需求：點擊el-dialog里的任意內容，盒子aaa不隱藏文章來源：http://www.zghlxwxcb.cn/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 內部的點擊事件冒泡。文章來源地址http://www.zghlxwxcb.cn/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同時存在，出現(xiàn)的Bug的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
