猿问

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

一个table列表页面进去是没数据的,要select下拉选择然后回返相应的数据然后我路由跳内页新增一条数据,成功之后会返回table此时这个页面的select被刷新了之前选择的数据也没了,相应的table也空了,有没有办法返回时记住之前的选择
慕雪6442864
浏览 216回答 2
2回答

慕的地10843

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

隔江千里

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

相关分类

JavaScript
我要回答