在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( ) 生命周期函數