vue-router达成编程式导航的详细代码介绍
发布时间：2022-04-20 09:44:53 所属栏目：语言 来源：互联网
导读：页面导航是网站页面很重要的功能，是通过一定的技术手段，为网站的访问者提供的一定途径，使其方便访问到所需的内容，页面导航通常是在网站的banner下面或者网页的内部。编程式导航是页面导航中的一种，也就是通过调用JavaScript形式的API实现导航的方式，例
|
页面导航是网站页面很重要的功能，是通过一定的技术手段，为网站的访问者提供的一定途径，使其方便访问到所需的内容，页面导航通常是在网站的banner下面或者网页的内部。编程式导航是页面导航中的一种，也就是通过调用JavaScript形式的API实现导航的方式，例如普通页面这篇能够的location.href。这篇文章就分享一下vue-router实现编程式导航的详细代码。 编程式导航基本用法 常用的编程式导航 API 如下： this.$router.push(‘hash地址') this.$router.go(n) const User = { template: '<div><button @click="goRegister">跳转到注册页面</button></div>', methods: { goRegister: function(){ // 用编程的方式控制路由跳转 this.$router.push('/register'); } } } 具体代码实现： <!DOCTYPE html> <html lang="en"> <script> const User = { props: ['id', 'uname', 'age'], template: `<div> <h1>User 组件 -- 用户id为: {{id}} -- 姓名为:{{uname}} -- 年龄为：{{age}}</h1> <button @click="goRegister">跳转到注册页面</button> （编辑：济南站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
