需求:在某一个
流水线’/flowcharts’页面且activeKey=2的标签页,进行复制流水线功能,复制完后跳转到新的
流水线’/flowcharts’页面且activeKey=2
的标签页。
补充:进入’/flowcharts’页面默认标签页是activeKey=1
。
问题1:完成复制功能后调用jumpToEdit方法,在该方法中使用$router.go(0)
刷新当前页面,发现标签页会跳转到默认标签页(activeKey=1)
问题2:使用$router.push
并使用query传参
解决跳转默认标签页问题,由于路由地址不变
,页面不刷新
,代码如下:
jumpToEdit(item){
this.handleInsertData(item) //复制后设置新数据
this.$router.push({
path: '/flowcharts'
query: {
activeKey: '2'
}
})
}
终极解决方案:使用$router.push
结合$router.go
,代码如下:
jumpToEdit(item){
this.handleInsertData(item) //复制后设置新数据
this.$router.push({
path: '/flowcharts'
query: {
activeKey: '2'
}
})
this.router.go(0)
}
首先使用了router.push传参query后,路由地址会先改变为’/flowcharts?activeKey=2’,再刷新当前页面(‘/flowcharts?activeKey=2’),就可以实现刷新并停在当前标签页!