• 首页
  • 邻居
  • 关于
  • 归档
  • 搜索
  • 夜间模式
    ©2020-2026  我的学习笔记 Theme by OneBlog

    我的学习笔记博客

    搜索
    标签
    # 随笔 # Java # 教程 # openwrt # Mysql # SQL # 爬虫 # post # Js调优 # MAVEN
  • 首页>
  • 随笔>
  • 正文
  • Element el-cascader放在el-dialog的表单中,懒加载时弹窗关闭再打开不会重新加载数据

    2024年07月02日 982 阅读 0 评论 801 字

    记录bug

    在el-dialog中写放一个级联选择器el-cascader,在列表中编辑时,发现再次打开选择器没有被初始化,导致编辑回显的数据错误

    解决办法 给dialog弹窗加一个v-if 在弹窗关闭时销毁弹窗

     <el-dialog v-if="dialogVisible" title="标题" :visible.sync="dialogVisible"
        :close-on-click-modal="false"  width="700px" append-to-body>
        <el-form :inline="true" ref="form" :model="modelData">
          <el-form-item label="名称">
            <el-cascader :props="props" v-model="modelData.productCategoryId"></el-cascader>
          </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button @click="cancel()">取消</el-button>
          <el-button type="primary" @click="handleSave">确认</el-button>
        </div>
      </el-dialog>
    

    测试 使用el-dialog中的方法 关闭时销毁 Dialog 中的元素 发现不行
    destroy-on-close 无用

    本文著作权归作者 [ admin ] 享有,未经作者书面授权,禁止转载,封面图片来源于 [ 互联网 ] ,本文仅供个人学习、研究和欣赏使用。如有异议,请联系博主及时处理。
    取消回复

    发表留言
    回复

    首页邻居关于归档
    Copyright©2020-2026  All Rights Reserved.  Load:0.015 s
    京ICP备18019712号
    Theme by OneBlog V3.6.5
    夜间模式

    开源不易,请尊重作者版权,保留基本的版权信息。