vue3 + elementPlus reset重置表单问题

目录

• vue3 elementPlus reset重置表单
• vue3 elementPlus 踩坑
• 表单重置按钮resetForm失效

vue3 elementPlus reset重置表单

表单需加上ref属性

字段需加上prop属性

vue3 elementPlus 踩坑

表单重置按钮resetForm失效

在项目过程中按照之前的经验写重置按钮时发现不生效，换了原生的重置按钮也不行。后来发现还是版本移植的问题。

vue2.0和vue3.0的语法不一样，在main.js中引入resetform函数时语法出错

// Vue2.0 
Vue.prototype.resetForm = resetForm;
 
//Vue3.0 
let app = createApp(App);
 
//... 
app.config.globalProperties.resetForm = resetForm;

还是要多看官方文档啊！！

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。