element为了优化性能,在弹框未首次打开之前,是会不渲染弹框body中的内容的,一般情况下这样的设定是没有问题的,弹框未打开时我们一般也是不需要对弹框内容做操作的,但是在一些特殊情况,可能就有问题了
解决办法:
<el-dialog
title="设计配置项"
:visible.sync="designDialogVisible"
width="1600px"
ref="designDialog"
>
<div>
1
</div>
<span slot="footer" class="dialog-footer">
<el-button size="small" @click="designDialogVisible = false"
>取 消</el-button
>
<el-button
type="primary"
size="small"
@click="handleDesignDialogSubmit()"
>确 定</el-button
>
</span>
</el-dialog>
mounted() {
this.$refs.designDialog.rendered = true
}
antd 的 Model组件可以通过forceRender属性解决这个问题