Vue重置当前页面数据
问题:在做一个列表页面的时候,有一些input或select作为筛选条件来查询,加了一个重置功能,要清空这些数据
使用了vue的这个方法来清除 Object.assign(this.$data.params,this.$options.data().params);
重置时发现在报错,报错原因是params里面有route的传值:this.$route.params.batchNumber
1 params: {
2 batchNo: this.$route.params.batchNumber? this.$route.params.batchNumber : null,
3 orderId: null,
4 isRepeat: null,
5 loanOrderStatus: null,
6 page: 1,
7 pageSize: 10,
8 },
后来查找原因,参考这篇文章解决;
https://blog.csdn.net/mocoe/article/details/89682022
改成这样子,Object.assign(this.$data.params, this.$options.data.call(this).params);问题解决
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步