vue页面跳转

Posted lilililiwang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue页面跳转相关的知识,希望对你有一定的参考价值。

方法一:

1.给元素绑定点击监听

@click="goToPage"

2.在methods中写路由跳转函数

goToPage(){
this.$router.push(‘/test/index‘);
},

方法二:

给需要页面跳转的button加上router-link

<router-link to="/test/index" >
<mt-button >button</mt-button>
</router-link>

以上是关于vue页面跳转的主要内容,如果未能解决你的问题,请参考以下文章

vue路由发生了跳转,但页面没有跳转成功,怎么办呢?

如何减少页面之间跳转的延迟(片段/活动)

vue-cli中跳转页面返回顶部

Vue.js中跳转报错 地址栏改变 页面不改变

vue-router跳转页面,URL变化但页面里的数据没变化,啥情况

Vue简单项目(页面跳转,参数传递)