路由的使用 (5步) 1.首先安装路由 npm install vue-router2.引入 vue-router import VueRouter from 'vue-router' 3.使用router Vue.use(VueRouter ) 创建实例 const router = new Vu ...
分类：
其他好文 时间：
2019-04-17 15:16:55
阅读次数：
130
首先需要安装依赖: 再定义: routes.js,配置路由规则: import Home from './components/Home' import Menu from './components/Menu' import Login from './components/Login' impo ...
分类：
其他好文 时间：
2019-04-13 00:51:25
阅读次数：
219
入口文件,main.js引入 nprogress import App from './App' import VueRouter from 'vue-router' import router from './router' //你的路由文件 //引入nprogress import NProgr ...
分类：
其他好文 时间：
2019-03-28 09:40:14
阅读次数：
375
1 2 3 4 5 6 7 8 9 10 11 12 19 28 68 69 ...
分类：
其他好文 时间：
2019-03-26 16:47:38
阅读次数：
161
1. this.$router： (个人观点：可以用来传递参数) 表示全局路由器对象，项目中通过router路由参数注入路由之后，在任何一个页面都可以通过此方法获取到路由器对象，并调用其push(), go()等方法； this.$router.push({ path: '/monitor', qu ...
分类：
其他好文 时间：
2019-03-20 15:45:02
阅读次数：
142
$router是VueRouter的实例，在script标签中想要导航到不同的URL,使用$router.push方法。 返回上一个历史history用$router.to(-1) $route为当前router跳转对象。里面可以获取当前路由的name,path,query,parmas等。 嗯，就 ...
分类：
其他好文 时间：
2019-03-10 19:08:36
阅读次数：
819
场景： 底部tab栏切换，有的页面需要每次切换刷新数据，有的并不需要。可以利用vueRouter的 meta 搭配 keep-alive 组件 进行控制缓存。代码如下： ...
分类：
其他好文 时间：
2019-02-28 00:48:10
阅读次数：
237
vue-router 默认的路由模式是hash，我们要去掉url中的#需要将路由模式切换为history 至于去掉#之后会产生什么问题，可以参考这篇内容： https://www.cnblogs.com/hanshuai/p/9930063.html ...
分类：
其他好文 时间：
2019-02-18 23:19:45
阅读次数：
196
1. 路由参数 1.1 给路由添加参数的方法 :参数名 （方法名可以自定义）。 在HTML中获取路由的参数使用：$route.params.参数名；在JS中获取路由参数通过 this.$route.params.参数名 实例代码如下： 1.2 页面效果： 1.3 添加和获取 路由参数 给路由添加参数 ...
分类：
其他好文 时间：
2019-02-10 13:47:46
阅读次数：
211
在vue2.0里页面参数是 this.$route.query或者 this.$route.params 接收router-link传的参数。 在路由跳转的时候除了用router-link标签以外需要在script标签在事件里面跳转，所以有个方法就是在script标签里面写this.$router. ...
分类：
其他好文 时间：
2019-02-07 20:42:06
阅读次数：
272
