el-dialog弹框里面的组件第二次打开create不生效

问题: el-dialog弹框嵌套了一个组件,第二次打开create不生效.

原因:display:none和display:block来控制显示隐藏的,dom元素不会被删除,所以dialog弹框里面的内容只会初始化的时候创建dom元素渲染页面,如果里面有组件且组件在初始化时候会调用方法,那么这个方法只会在第一次打开弹框时调用.

解决方法:加个v-if="弹框的显示隐藏条件".

    <!-- 电子工单-->
    <el-dialog
      :close-on-click-modal="false"
      v-if="xbxg_transformer_workOrderDialogVisible" //解决方法加个v-if="弹框的显示隐藏条件"
      title="电子工单"
      style="z-index: 1900"
      :visible.sync="xbxg_transformer_workOrderDialogVisible"
      @close="close_transformer"
    >
      <div>
        <Pdf_xbxg_transformer :tableCheckData="tableCheckData" />
      </div>
    </el-dialog>

相关推荐

  1. el-dialog里面组件第二打开create生效

    2024-07-11 18:58:02       24 阅读
  2. el-dialog 实现可以拖动

    2024-07-11 18:58:02       31 阅读
  3. 解决el-dialog出现后页面滚动条可滚动问题

    2024-07-11 18:58:02       34 阅读
  4. 【前端】组件

    2024-07-11 18:58:02       51 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-11 18:58:02       103 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-11 18:58:02       110 阅读
  3. 在Django里面运行非项目文件

    2024-07-11 18:58:02       92 阅读
  4. Python语言-面向对象

    2024-07-11 18:58:02       99 阅读

热门阅读

  1. 测试类型介绍-功能测试入门指南

    2024-07-11 18:58:02       31 阅读
  2. 【ARMv8/v9 GIC 系列 1.8 -- PE 中断处理的前期评估】

    2024-07-11 18:58:02       22 阅读
  3. VUE与React的生命周期对比

    2024-07-11 18:58:02       22 阅读
  4. 设计模式:建造者模式

    2024-07-11 18:58:02       29 阅读
  5. Puppeteer 生成图片 生成 PDF

    2024-07-11 18:58:02       23 阅读
  6. iOS开发新手教程:Swift语言与Xcode工具链

    2024-07-11 18:58:02       27 阅读
  7. 详解Redis:什么是Redis?

    2024-07-11 18:58:02       35 阅读
  8. 设计模式六大原则

    2024-07-11 18:58:02       25 阅读
  9. PG延迟模拟和查看

    2024-07-11 18:58:02       24 阅读