使用 vue-router 地址栏改变,但是需要刷新页面才能生效

们会 发布于 2019/08/22 21:09
阅读 2K+
收藏 0

在我使用 vue-router 练习的时候,点击 router-link 标签,游览器的地址栏发生了改变,但是页面却没有发生变化。需要重新刷新才能加载。在百度上面没有解决,因此在这里询问大佬。

我的问题是

我的 .vue 的部分代码:

navbar.vue(导航栏)相关代码:

<div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <router-link class="dropdown-item" to="/articleByType/1">编程语言</router-link>
          <router-link class="dropdown-item" to="/articleByType/2">数据库</router-link>
          <router-link class="dropdown-item" to="/articleByType/3">分布式</router-link>
          <router-link class="dropdown-item" to="/articleByType/4">操作系统</router-link>
          <router-link class="dropdown-item" to="/articleByType/5">其他</router-link>
        </div>

 

articleByType.vue 部分代码

 created(){
        console.log(this.$route.params.id)
    },

我的 main.js 的部分相关代码

 routes:[
    {path:'/articleByType/:id',component:articleByType}
  ]
加载中
0
OSC_kMlDUv
OSC_kMlDUv
点击路由跳转是复用组件,create钩子函数不会调用,刷新页面导致组件销毁重建,才会调用create函数
们会
们会
该评论暂时无法显示,详情咨询 QQ 群:912889742
们会
们会
谢谢,我的问题解决了
0
们会
们会

救救孩子吧,我别的路由可以正常调整,但是这个不可以QWQ。

0
蒙星
蒙星
给路由增加key,就用路由的实际路径就可以
们会
们会
搞好了,谢谢你的回答
0
annting
annting

你这是属于组件复用,  需要使用beforeRouteUpdate 这个钩子函数, 详细查看API   https://router.vuejs.org/zh/guide/advanced/navigation-guards.html

们会
们会
谢谢你的回答,我知道了
0
光束蜗牛
光束蜗牛

是不是生命周期的问题,你放到mounted看看控制台输出.

们会
们会
问题解决了,谢谢你
0
Xy718
Xy718
该评论暂时无法显示,详情咨询 QQ 群:912889742
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部