vue-页面跳转

最新推荐文章于 2024-06-26 09:37:28 发布

萝卜头不吃萝卜头

最新推荐文章于 2024-06-26 09:37:28 发布

阅读量246

点赞数 1

文章标签： vue.js javascript 前端 Powered by 金山文档

本文链接：https://blog.csdn.net/SqlloveSyn/article/details/129000543

版权

文章介绍了在Vue.js应用中，使用标签和this.$router.push()方法进行页面跳转的方式。对于，展示了如何传递name和params。而对于this.$router.push()，提到了它接受的参数以及如何结合localStorage传递数据。

摘要由CSDN通过智能技术生成

方法一(标签实现)

<router-link :to="{name: 'bookshelf', params: { entityId: this.entityId } }"
             :class="{'flex-item-1':'flex-item-1',cur:tabs[0].isShow}" href="javascript:">
              <span class="tabNav-ico tabNav-book"></span>
              <span class="tabNav-txt">书</span>

</router-link>

方法二(this.$router.push()实现)

当this.$router.push()只有一个参数时默认为跳转地址最多可传两个参数第二个参数为地址参数

<a @click="toIndex" :class="{'flex-item-1':'flex-item-1',cur:tabs[2].isShow}" href="javascript:">
      <span class="tabNav-ico tabNav-home"></span>
      <span class="tabNav-txt">首 页</span>

</a>

toIndex: function(){
        this.$router.push("/?entityId="+ localStorage.getItem("entityId"));

}