使用router-link跳转页面，页面空白，数据未传递到指定页面——解决方法

Var521

于 2020-04-21 13:48:11 发布

阅读量4k

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/Var521/article/details/105655654

版权

在Vue的毕设项目中，作者遇到使用`router-link`跳转页面时，页面显示为空且数据未能正确传递的问题。通过对比发现，使用`this.$router.push()`方法能正常跳转并显示内容。分析原因可能是路由提前跳转导致值无法正确传递，建议在获取数据后再进行页面跳转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题叙述

我的毕设是新闻发布管理系统
在这里插入图片描述
这是首页新闻列表，我需要点击新闻列表获取详细的新闻内容，当我点击时，需要将新闻的编号，传递给后台，之后跳转页面，把后台查到的内容渲染到页面上，此时跳转页面有两种方法：

1.使用router-link

      <!-- 中间内容 -->
      <div class="mainContent">
        <div class="content">
          <div  class="news_item">
            <div class="item" :key="tnew.tnewId" v-

最低0.47元/天解锁文章