ui表单vue重置element_(vue.js)elementui表单重置this.$refs[formName].resetFields()不执行...

我在一个弹框里有一个form表单&＃xff0c;用于增加页面内容。点击取消按钮本身form里的内容都清空才对。使用了this.$refs[&＃39;addServiceForm&＃39;].resetFields()不起作用。console出来

console.log(this.$refs[&＃39;addServiceForm&＃39;].resetFields());居然是undefined。

title&＃61;"新建服务"

:visible.sync&＃61;"addServiceDialogVisible"

width&＃61;"400px">

确 定

取 消

cancleAddService(){

this.resetForm(&＃39;addServiceForm&＃39;);

// this.serviceName&＃61;&＃39;&＃39;;

// this.serviceShorterName&＃61;&＃39;&＃39;;

// this.serviceRemarks&＃61;&＃39;&＃39;;

// this.serviceType&＃61;&＃39;&＃39;;

this.addServiceDialogVisible&＃61;false;

},

resetForm(formName) {

this.$refs[formName].resetFields();

console.log("form名称:"&＃43;this.$refs[&＃39;addServiceForm&＃39;].resetFields());

}