首页
归档
笔记
树洞
搜索
友言

文章详情

Interesting People Record Interesting.

/ JavaScript / 文章详情

nuxt-link 地址改变页面不变

Sonder
2021-04-13
494字
1分钟
浏览 (2.7k)

问题图片

2.gif

解决

复制代码
//目录结构
//--post
//---_id.vue
<ul class="like_article">
 <li class="fit" v-for="item in like_article">
   <nuxt-link :title="item.create_time" :to="{path: `/post/${item.id}?cid=${item.cid}`}">
     {{ item.title }}
   </nuxt-link>
 </li>
</ul>
复制代码
 created() {
    // 解决地址变化,页面不变
    this.id = this.$route.params.id;

    this.cid = this.$route.query.cid;
  }

多个参数

复制代码
:to="{path: `/post/${item.id}?cid=${item.cid}&index=true`}"
下一篇 / nuxt 登录状态持久化

🎯 相关文章

💡 推荐文章

🕵️‍♂️ 评论 (0)