<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做组件
原文:https://www.cnblogs.com/wtt577474/p/13156891.html