vue中在不使用UI框架的情况下 如何重置清空form表单

110 阅读1分钟

1.form标签包裹里面的标签,ref属性一会重置时会用到 比如我这用searchForm

2.v-model 用统一一个object包裹一层,比如统一用formData

那就是 formData.xxx

3.执行重置方法时

① this.$refs.searchForm.reset()   

可以清空,但是双向绑定中data里面的值不会清空,这是需要第二步

②Object.assign(this.data.formData,this.data.formData, this.options.data().formData)