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