ElementUI 表单重置为特定值 - 详细教程和示例代码

\u003ctemplate\u003e\n \u003cel-form ref\u003d"form" :model\u003d"form" label-width\u003d"80px"\u003e\n \u003cel-form-item label\u003d"姓名" prop\u003d"name"\u003e\n \u003cel-input v-model\u003d"form.name"\u003e\u003c/el-input\u003e\n \u003c/el-form-item\u003e\n \u003cel-form-item label\u003d"年龄" prop\u003d"age"\u003e\n \u003cel-input v-model.number\u003d"form.age"\u003e\u003c/el-input\u003e\n \u003c/el-form-item\u003e\n \u003cel-form-item\u003e\n \u003cel-button type\u003d"primary" @click\u003d"resetForm"\u003e重置\u003c/el-button\u003e\n \u003c/el-form-item\u003e\n \u003c/el-form\u003e\n\u003c/template\u003e\n\n\u003cscript\u003e\nexport default {\n data() {\n return {\n form: {\n name: '',\n age: ''\n }\n };\n },\n methods: {\n resetForm() {\n this.$refs.form.resetFields();\n this.$refs.form.model.name = 'John Doe'; // 将姓名字段重置为特定值\n this.$refs.form.model.age = 30; // 将年龄字段重置为特定值\n }\n }\n};\n\u003c/script\u003e