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