一. :destroy on close true 的场景 有一种场景是我们有一个新建按钮，要求每次我们重新打开el dialog都是干净的内容，所以我们每次点击按钮可能会用以下几种办法。 对使用的data数据进行重置 直接对包裹内容区域的dom 组件 使用v if,销毁 重建dom节点 组件 使用:destroy on close true , 但问题是输入value值后，再重新打开内容还是存在 ...
2021-11-28 23:36 0 3104 推荐指数：
今天后台给我提了个bug，页面中是一个列表，点击子项会弹一个对话框，在el-dialog中嵌套了el-table，滚动对话框中的列表的时候，关闭对话框后后，点击别的子项的时候上一次的滚动条位置被记录了。 当时想的是 把对象框重新渲染一下就行了，打开element文档果然有一个 ...
使用v-if： 在v-if为false，也就是关闭弹框时即销毁Dialog中的内容，在下次显示时再重新加载 使用destroy-on-close： 官方文档中该属性默认为false，所以需要的话给他赋值为true就好。 不过我在使用过程中发现，此属性其实是在关闭弹框时 ...
<style scoped> /deep/ .el-dialog { height: 78vh; overflow: auto; } ...
<style scoped> /deep/ .el-dialog { height: 78vh; overflow: auto; } </style> ...
要修改dialog的样式不能直接在<style scoped>中修改，这样修改后不会生效。做法是把scoped去掉，然后在dialog标签上自定义一个class，最好不要和其他的class同名，然后通过此class选择器再去修改里面的相关样式即可。 上例是修改弹框中内容 ...
template :append-to-body="true" data methods close-on-click-modal：是否可以通过点击 modal 关闭 Dialog 默认值为true 更多 ...
情境：有个弹出框dialog，里面是个表单，你想关闭的时候清空所填内容~ Dialog 组件有个关闭时的回调函数close： //关闭dialog，重置表单 resetRegisterForm(){ //得到表单实例，并调用表单重置方法resetFields ...
<el-dialog title="添加用户" @close="handleClose" :visible.sync="dialogVisible" width="50%"> <el-form :rules ...
