vue.js怎样做跳转页面


本文摘自PHP中文网,作者coldplay.xixi,侵删。

vue.js实现跳转页面的方法:1、 使用标签【】进行跳转;2、使用【this.$router.push()】方法,只有一个参数的时候,代表跳转地址,还可以增加一个参数传值。

【相关文章推荐:vue.js】

vue.js实现跳转页面的方法:

点击底部书架跳转到对应的页面

1

2

3

4

5

<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>

'name': 'bookshelf'表示要跳转的Vue组件名称,名称是在router文件下的index.vue中进行设置。

1

2

3

4

5

{

     path: '/bookshelf',

     name: 'bookshelf',

     component: Bookshelf

   },

params :{entityId: this.entityId}里面是要传递过去的参数。

阅读剩余部分

相关阅读 >>

20+道必知必会的vue面试题(附答案解析)

vue.js是基于javascript的吗?

深入了解vue.js的3种安装方法

如何启动vue.js项目

vue.js中的插槽是什么

vue.js怎么获取class

vue.js如何创建项目

vue.js怎样配置跨域文件

4个很 nice 的vue router过渡动效,快来收藏!

js怎么跳转到指定页面?

更多相关阅读请进入《vue.js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...