美文网首页
vue基础篇-两种简单的页面跳转方式

vue基础篇-两种简单的页面跳转方式

作者: 痴呆日记 | 来源:发表于2021-09-04 15:16 被阅读0次

1.标签跳转

<router-link to ='xxx.html'><button>下一个页面</button></router-link>

2,点击事件跳转

 html :

<button @click="nextPage">下一个页面</button>

  js :

 methods:{ //跳转页面

                    nextPage(){

 this.$router.push({ path:'/xxx.html' })

                                }

                       }

相关文章

网友评论

      本文标题:vue基础篇-两种简单的页面跳转方式

      本文链接:https://www.haomeiwen.com/subject/qoyrwltx.html