vue3 如何使用ref引用dom来清除表单上一次值


vue3  arco design  1.问题描述:

第一次输入Madal 弹窗内的Form值

第二次进入发现依然保留上一次值;

解决方案1:

借助ref引用dom 

代码如下:

    
        
        
            
                
            
            
                
                Post1
                Post2
                
            
        
   

借助:内置API :  formRef.value.resetFields()  方法解决

 方法二:

参考form组件:@click = "@click="$refs.formRef.resetFields()"

代码如下:

    >
      >
        html-type="submit">Submit>
        @click="$refs.formRef.resetFields()">Reset>
      >
    >