- Vue如何刷新或重载以后路由来更新数据?
- Vue如何监听同一路由加载事件?
计划:能够利用路由的quey参数,应用watch进行检测router的变动实现监听。上面是一个实际示例
vue刷新数据当然简略,间接调用合数据的办法就行。
然而,往往业务需要的不同,实现流程或思路也会不同。上面有一个业务需要场景
- 头部下拉列出仓库,
- 切换仓库,左侧的菜单不变,都是一样的,
- 切换仓库时都会定位到【告诉】界面上。告诉界面的路由是:
/notice
- 切换后,告诉要加载对应的仓库数据
计划1:利用路由的quey参数,应用watch进行检测router的变动实现监听
切换仓库时,对路由进行传参
watch: { // 利用watch办法检测路由变动: '$route': function (to, from) { // 能够拿到指标参数 to.query.id 去再次申请数据接口 if(to.query.id){ // 加载表格数据 this.getList(to.query.id); } } },
计划2:应用store计划
应用computed计算,切换仓库时commit store,告诉列表界面获取store的流数据,进行申请。