例:
地址1:"https://xxx/#/autoPage?channelCode=xuezhiyuan_jc111"
地址2:"https://xxx/#/autoPage?channelCode=xuezhiyuan_jc222"
问题现象:当从第一个调到第二个地址时,页面内容不进行刷新,依然停留在地址1的内容,但是地址栏会变化为地址二。
解决方式:vue 的key https://cn.vuejs.org/v2/api/#key
在autoPage.vue中监听路由控制app的刷新:
<div :key="channelCode">...</div>
...
data:function () {
return{
channelCode:"",
}
},
watch:{
'$route':function(newUrl,oldUrl){
if(newUrl!=oldUrl){
this.channelCode=this.$route.query.channelCode;
}
}
},