vue 中表单置空简单操作

vue

vue单文件组件里有时需要重置data中的数据,比如表单填写一半,用户想重新填写。或者新增成功后,再次信息,打开弹框,希望之前填写的内容清空,发现一个简单写法:this.form = this.$options.data().form;(form为你要清空的表单)

<script>

export default {

data() {

return {

// 表单

form: {

input: \'\'

}

}

},

...

methods: {

// 重置表单方法

retset() {

this.form = this.$options.data().form;

}

},

...

}

</script>

vue组件可以通过 this.$options 对象获取你编写的任何方法,比如 created( ) 生命周期函数

以上是 vue 中表单置空简单操作 的全部内容, 来源链接: utcz.com/z/375220.html

回到顶部