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 中的元素 发现不行
destroy-on-close 无用

0

版权声明 ▶ 本网站名称:我的学习笔记
▶ 本文链接:https://ooolo.net/article/521.html
▶ 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行核实删除。
▶ 转载本站文章需要遵守:商业转载请联系站长,非商业转载请注明出处!!!

none
最后修改于:2024年07月02日 10:18

添加新评论

icon_mrgreen.pngicon_neutral.pngicon_twisted.pngicon_arrow.pngicon_eek.pngicon_smile.pngicon_confused.pngicon_cool.pngicon_evil.pngicon_biggrin.pngicon_idea.pngicon_redface.pngicon_razz.pngicon_rolleyes.pngicon_wink.pngicon_cry.pngicon_surprised.pngicon_lol.pngicon_mad.pngicon_sad.pngicon_exclaim.pngicon_question.png