img

nuxt-link 地址改变页面不变

2021-04-13 0条评论 2.4k次阅读 JavaScript


问题图片

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`}"

💬 COMMENT


🦄 支持markdown语法

👋友