【前端大概一分钟】vue骚操作之this.$options.data()
重置vue组件的data数据
在vue单文件组件里有时需要重置data中的数据，比如表单填写一半，用户想重新填写。
<script>
export default {
data() {
return {
// 表单
form: {
input:
}
}
},
...
methods: {
// 重置表单方法
retset() {
this.form = this.$options.data().form;
}
},
...
}
</script>
复制代码
也可以通过给组件 $data 对象赋值来重置来重置整个 $data
this.$data = this.$options.data();
结语
vue组件可以通过 this.$options 对象获取你编写的任何方法，比如 created( ) 生命周期函数，发现vue新玩法，偷笑.jpg
重置vue组件的data数据 在vue单文件组件里有时需要重置data中的数据，比如表单填写一半，用户想重新填写。 复制代码 也可以通过给组件 $data 对象赋值来重置来重置整个 $data this.$data = this.$options.data(); 结语 vue组件可以通过 this.$options 对象获取你编写的任何方法，比如 created( ) 生命周期函数，发现vue新玩法，偷笑.jpg