首页 > 其他 > 详细

引用element的el-dialog做组件

时间:2020-06-18 12:40:11      阅读:216      评论:0      收藏:0      [点我收藏+]
<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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!