vue 重置页面数据

本文介绍如何高效地清空JavaScript数组和对象,包括常见的清空方法。此外,针对组件数据重置问题,特别关注了处理从路由参数传递的数据和解决数据更新后属性丢失的方法。
1. 清除某个数组或者对象中的数据
//数组清空方式
this.array = []
 
//清空对象的方式 
for(let i in object){
    object[i] = ''    
}
//或者
Object.keys(this.form).forEach((key) => (this.form[key] = ""));
2. 重置组件data内部的所有数据
Object.assign(this.$data, this.$options.data())

如果你再data中获取了router的传值:this.route.query,用this.route.query,用this.route.query,用this.options.data()重置组件data时,data()里用this获取的props或method都为undefined 解决办法如下

Object.assign(this.$data, this.$options.data.call(this))
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值