在多层嵌套的dialog中包裹一层div 问题的原因是因为在dialog关闭时实际的DOM树是没有删除对应的DOM的,这样就可能会导致第一层的元素在使用v-if或v-show时渲染出现问题
可自定义弹窗的名称,宽度,是否可见;页面中可在一个dialog中写,内部用v-if控制不同弹窗的显示 <el-dialog:title="dialog.title":visible.sync="dialog.visible":width="dialog.width"append-to-body><divv-if="dialog.title == '查看' || dialog.title == '填写' || dialog.title == '审核'"></div...
初始加载时,data中设置的refresh为false,同时在dialog中设置v-if,弹窗显示时设置为refresh为true,弹窗关闭时refresh为false HTML部分 <!--通过v-if绑定refresh,同时设置close事件--><el-dialogtitle="部门编辑":visible.sync="dialogFormVisible"v-if="refresh"@close="closeDialog"><dept-edit:id="id"ref="dep...
2、下面是v-if的使用(test为子组件): <template><divid="app"><el-buttontype="success"@click="handelOpen('add')">新增</el-button><el-button@click="handelOpen('edit')">编辑</el-button><!-- 可以充当resetFields重置表单的方法来使用 --><!-- 需要注意的是 v-if绑定的dialogVisible每次关闭...
1. <el-dialog:title="title":visible.sync="shareDialogVisible"v-if="shareDialogVisible"width="30%"><el-formref="form":model="form":rules="rules"label-width="33%"><el-form-itemlabel="状态:"prop="ifEnabled"><el-col:span="22"><el-selectclass="w"v-model="form.ifEnabled"placeholder...