为了账号安全,请及时绑定邮箱和手机立即绑定

有没有人遇到过这个问题哈!一个前端需求请教一下各位老哥vue的

有没有人遇到过这个问题哈!一个前端需求请教一下各位老哥vue的

斯蒂芬大帝 2019-11-03 09:44:57
一个table列表页面进去是没数据的,要select下拉选择然后回返相应的数据然后我路由跳内页新增一条数据,成功之后会返回table此时这个页面的select被刷新了之前选择的数据也没了,相应的table也空了,有没有办法返回时记住之前的选择
查看完整描述

2 回答

?
月关宝盒

TA贡献1772条经验 获得超5个赞

很多种方法,主要思路就是:保存select选择的数据,等新增完成后,二次返回主页时候给select赋值就可以了。方法:
使用vuex
使用sessionstorage
把select的值放在url或路由上(我常用)
this.$router.push({
name:'内页路由',
query:{
select:'xxxx'
}
})
                            
查看完整回答
反对 回复 2019-11-03
?
qq_花开花谢_0

TA贡献1835条经验 获得超7个赞

有啊,无非就以下几种:
记住之前select的已选值,重新选择获取,可以通过各种方式来持久化这个值,query或者router的param等等
不论是使用vuex还是一个单例模式的service,持久化之前获取的列表数据即可,但要注意及时更新
把新增数据页面也集成到列表页中(不推荐)
localstorage/sessionstorage(不推荐)
第一点和第二点之间处于尺有所短寸有所长的境地,你可以自己体会,我比较建议的是,不论是否持久化这些数据,采用reload的方式都是最稳妥的(就是像后端获取),除非对用户体验有极致的要求。
                            
查看完整回答
反对 回复 2019-11-03
  • 2 回答
  • 0 关注
  • 289 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号