this.$options.data()获取初始时状态的data中的数据

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获取的时当前状态下的datathis.$options.data()获取的是初始状态下的data

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值