关于dialog（模态框关闭隐藏销毁）

在vue中，dialog模态框从第一次点击出来后再关闭的话，其属性其实只是display：none，还在dom结构中，这样的话有的时候需要点击不同的按钮想呼出不一样的模态框的话，就很容易出现数据错误解决办法：给dialog模态框加 v-if，在关闭的时候v-if会直接将其从DOM结构中抹除，这样再打开下一个的时候就会出现不一样的模态框了...

xuanwulb

6540人浏览 · 2018-08-23 11:25:50

xuanwulb · 2018-08-23 11:25:50 发布

在vue中，dialog模态框从第一次点击出来后再关闭的话，其属性其实只是display：none，还在dom结构中，这样的话有的时候需要点击不同的按钮想呼出不一样的模态框的话，就很容易出现数据错误

解决办法：

给dialog模态框加 v-if，在关闭的时候v-if会直接将其从DOM结构中抹除，这样再打开下一个的时候就会出现不一样的模态框了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^