vue文件如何实现跳转页面


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

vue文件实现跳转页面的方法:vue文件之间的跳转,常常通过【<router-link>】实现,代码为【<router-link to="demo2">demo2</router-link>】。

本教程操作环境:windows7系统、Vue2.9.6版,该方法适用于所有品牌电脑。

vue文件实现跳转页面的方法:

vue在使用的过程中, vue文件之间的跳转,常常通过<router-link>实现。

<router-link>组件用于设置一个导航链接,切换不同 HTML 内容

使用方法:

1、简单写法

1

<router-link to="demo2">demo2</router-link>

2、使用 v-bind 的写法

1

2

3

<router-link :to="‘demo2‘">demo2</router-link>

<!-- 也可以用{}包裹对应的path或name -->

<router-link :to="{ name: ‘demo2‘ }">demo2</router-link>

3、传参的写法

阅读剩余部分

相关阅读 >>

vue-cli项目怎么使用vw单位?

bootstrap与vue区别

bootstrap和vue的区别

vue兄弟组件传值有哪五种方法

浅谈vue.js中$refs的使用方法(附代码)

vue实现户籍管理系统的实例解析

vue 中如何动态添加 readonly 属性

vue cli是什么

vue怎么用react组件

vue中el是什么意思

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




打赏

取消

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

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

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

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

评论

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