搜索

vue 如何实现在函数中触发路由跳转

发布网友 发布时间:2022-04-21 00:41

我来回答

2个回答

懂视网 时间:2022-04-29 10:19

1、router-link

<router-link to='需要跳转到的页面的路径'>

43cd107f5ddc46ae3249fc1e5075a1a.png

注意:跳转的链接要在路由当中引入。

2、this.$router.push({ path:'/user'})

常用于路由传参,用法同第三种

区别:

(1)、query引入方式

params只能用name来引入路由

而query 要用path引入

(2)、query传递方式

类似于我们ajax中get传参,在浏览器地址栏中显示参数

params则类似于post,在浏览器地址栏中不显示参数

传递的文件

287fac015b335cfbc51076ba9116578.png

接收的文件

c4412cf39bc6f25fe6009e0c4bad273.png

3、this.$router.replace(path:'/')

热心网友 时间:2022-04-29 07:27

<span @click="clickFn">点我</span>
methods:{
clickFn:function(){
this.$router.go('/login');//其中login是你定义的一个路由模块
}
声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。
E-MAIL:11247931@qq.com
Top