引用element的el-dialog做组件
Posted wtt577474
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了引用element的el-dialog做组件相关的知识，希望对你有一定的参考价值。
<el-dialog
:visible.sync="showLogInfor" // 显示和隐藏
:close-on-click-modal="false"
:center="true"
:closeOnClickModal="true"
title="物流信息"
>
<logisticsDetail :logistics-data="logisticsData"></logisticsDetail>
</el-dialog>
在el-dialog标签里控制显示和隐藏的话logisticsDetail组件的mounted事件只能执行一次，
所以需要在el-dialog外面包一个div控制显示和隐藏
<div v-if="showLogInfor">
<el-dialog
:visible.sync="showLogInfor"
:close-on-click-modal="false"
:center="true"
title="物流信息"
>
<logisticsDetail :logistics-data="logisticsData"></logisticsDetail>
</el-dialog>
</div>
以上是关于引用element的el-dialog做组件的主要内容，如果未能解决你的问题，请参考以下文章
elementui解决el-dialog不清空内容的问题,el-dialog关闭时销毁子组件