通过vue-router的$router.push方法,无法实现页面数据刷新

Vagor
  • 716

clipboard.png
目前正在做这样一个页面,点击下一题,url正确变化,但是页面没有刷新。我是通过vue-router的$router.push方法进行页面跳转的。具体代码如下

this.$router.push('/student/doQuestion/' +_quesitonId + '/doCQ')

我在网上查过一些类似问题,别人说问题可能出在我页面的写法上。此页面我是通过两级路由实现的,template如下

<template>
  <div>
    <mt-header :title="title">
      <router-link to="/student/paperCompletion" v-on:click.native="goToPaperCompletion()" slot="left">
        <mt-button>整体情况(1/10)</mt-button>
      </router-link>
      <router-link v-on:click.native="lastQ()" to="" slot="right" v-if="index > 0">
        <mt-button>上一题</mt-button>
      </router-link>
    </mt-header>
    <router-view></router-view> //此处为做题主体内容
    <mt-button type="primary" size="large" class="bottomBtn" @click.native="nextQ()" v-if="index < QCount-1">下一题</mt-button>
  </div>
</template>

请教各位解决方案及问题缘由

回复
阅读 12.4k
2 个回答
✓ 已被采纳

路由变了.组件用的是同一个吗?
如果两个路由用的组件是同一个的话.
需要watch $route

我很想知道你是怎么刷新页面内容的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏