this.$options.data()的使用
该使用是vue2中的写法
项目中的表格模块经常做的功能就是增删改查以及 重置
功能
对表格进行表单查询时,通常伴随着重置,重置时我们需要将form中的每一项清空/重置为该数据在data中声明时的初始状态
如果表单查询项比较少,可以通过直接给查询项赋值即可
methods:{
reset(){
this.form={name:'',age:''}
//或
//this.form.name=''
//this.form.age=''
}
}
但如果表单查询项很多,该方法就比较麻烦,这时我们可以通过this.$options.data()拿到初始状态的data,直接将初始值赋值即可
methods:{
reset(){
this.form=this.$options.data().form
}
}
this.$ d a t a 获取的时当前状态下的 d a t a , t h i s . data获取的时当前状态下的data,this. data获取的时当前状态下的data,this.$options.data()获取的是初始状态下的data