el-dialog单框关闭
时间: 2023-08-01 14:08:59 浏览: 48
el-dialog单框关闭可以通过监听dialogFormVisible属性来实现。在代码中,可以使用watch来监听dialogFormVisible的变化,并在其变为false时进行相应的操作。例如,可以在watch的handler中重置表单数据,使其回到初始状态。具体代码如下所示:
```javascript
watch: {
dialogFormVisible: {
handler(newVal) {
if (!newVal) {
// 重置表单数据
this.addTemplateform = this.$options.data().addTemplateform;
}
}
}
}
```
通过这样的监听,当dialogFormVisible变为false时,即单框关闭时,会自动将表单数据重置为初始状态,以便下次使用。\[1\]
#### 引用[.reference_title]
- *1* [ElementUI组件Dialog弹窗再次打开表单仍显示上次数据的解决方法](https://blog.csdn.net/qq_45030898/article/details/121605705)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [Vue-Element写一个简单的列表管理23/100统](https://blog.csdn.net/yanguicehn/article/details/115501989)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![gz](https://img-home.csdnimg.cn/images/20210720083447.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)