Element el-cascader放在el-dialog的表单中,懒加载时弹窗关闭再打开不会重新加载数据

记录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 中的元素 发现不行

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值