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

一个前端需求请教一下各位老哥vue的跪求!

一个前端需求请教一下各位老哥vue的跪求!

慕雪6442864 2019-10-25 20:00:40
一个table列表页面进去是没数据的,要select下拉选择然后回返相应的数据然后我路由跳内页新增一条数据,成功之后会返回table此时这个页面的select被刷新了之前选择的数据也没了,相应的table也空了,有没有办法返回时记住之前的选择
查看完整描述

2 回答

?
慕的地10843

TA贡献1785条经验 获得超8个赞

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

TA贡献1906条经验 获得超10个赞

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

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信