引用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>