vue路由参数发生变化,但是页面不刷新的问题(vue监听路由参数变化重新渲染页面)
例:地址1:"https://xxx/#/autoPage?channelCode=xuezhiyuan_jc111"地址2:"https://xxx/#/autoPage?channelCode=xuezhiyuan_jc222"问题现象:当从第一个调到第二个地址时,页面内容不进行刷新,依然停留在地址1的内容,但是地址栏会变化为地址二。解决方式:vue 的key htt...
·
例:
地址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;
}
}
},
更多推荐
已为社区贡献11条内容
所有评论(0)