弹框页面代码
<el-dialog :visible.sync="dialogVisible">
<el-form ref="demo" :model="form">
<el-form-item label="字段名">
<el-input>内容</el-input>
</el-form-item>
</el-form>
</el-dialog>
数据
form: {
class: '',
name: '',
children: [
{
a:"",
b:"",
},
],
},
重置弹框表单数据
//监听对话框关闭功能
dialogClosed() {
this.$refs.demo.resetFields();
this.dialogVisible = false;
},
(最开始写代码的时候是写一个空的对象,数据和form保持一致,然后把对象赋值给form来达到置空的效果,人还是得多学习!!(」><)」)