Vue-Router编程式导航

最新推荐文章于 2025-11-10 15:05:11 发布

原创

最新推荐文章于 2025-11-10 15:05:11 发布 · 363 阅读

标签

#vue.js #javascript #java

收录于

页面导航的两种方式

声明式导航：通过点击链接实现导航的方式，叫做声明式导航

例如：

普通页面<a></a>链接

vue中的<router-link></router-link>

编程式导航：通过调用JavaScript形式的API实现导航的方式，叫做编程式导航

例如：普通页面当中的location.href

常用的编程式导航API如下：

//跳转到指定的hash地址

this.$router.push('hash地址')

//页面的前进后退刷新

this.$router.go(n)

 const User={

          template:'
          <div>
          	<button @click="goRegister">跳转到注册页面</button>
          
          </div>
          ',
          methods:{
          	goRegister(){
          		this.$router.push("./register")
          	},
          }
}