vue 页面跳转的两种方式

Posted lgnblog

tags:

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

1,标签跳转

    <router-link to=‘two‘><button>点我到第二个页面</button></router-link>

2,点击事件跳转

   html :

      <button @click="hreftwo" class="test-one">点我到第二个页面</button>
   js :

      methods:{ //跳转页面

                    hreftwo(){

                              this.$router.push({ path:‘/two‘  })

                                }

                       }

3,如果你要的只是点击跳转返回上一页,请看我另一篇博文

       链接:https://www.cnblogs.com/lgnblog/p/9957661.html

                                                                                                                                                                                                                                                                                         

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

[vue-router4快速入门] 1.页面跳转的两种方式

Vue路由实现页面跳转的两种方式(router-link和JS)

js实现页面跳转的两种方式

实现机器远程跳转的两种自动化方式

Vue方向:路由跳转的三大方式以及它们之间的区别

Angular中实现页面跳转的两个方法