2019年5月21日
[Vue]导航守卫：全局的、单个路由独享的、组件级的
摘要： 正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。 记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察 $route 对象来应对这些变化，或使用 beforeRouteUpdat 阅读全文
posted @ 2019-05-21 20:10 vickylinj 阅读(989) 评论(0) 推荐(0)
[Vue]vue中路由重定向redirect
摘要： 1.重定向的地址不需要接收参数 把"/"重定向到"/index" 2.重定向的地址需要接收参数然而没有传参 不会改变地址，页面不会报错但是也不会显示内容 3.重定向的地址需要接收参数并且传参 重定向改变了路径，此时路径并不是goParams/1993/yq love zn而是params/1993/ 阅读全文
posted @ 2019-05-21 19:39 vickylinj 阅读(42908) 评论(0) 推荐(1)
[Vue]vue-router嵌套路由(子路由)
摘要： 总共添加两个子路由，分别命名Collection.vue（我的收藏）和Trace.vue（我的足迹） 1、重构router/index.js的路由配置，需要使用children数组来定义子路由，具体如下： 2、Me.vue的代码如下： 3.页面效果： 当访问到http://localhost:808 阅读全文
posted @ 2019-05-21 16:02 vickylinj 阅读(108817) 评论(0) 推荐(4)
[Vue]避免 v-if 和 v-for 用在同一个元素上
摘要： 一般我们在两种常见的情况下会倾向于这样做： 情形1：为了过滤一个列表中的项目 (比如 v-for="user in users" v-if="user.isActive")。在这种情形下，请将 users替换为一个计算属性 (比如 activeUsers)，让其返回过滤后的列表。 情形2：为了避免渲 阅读全文
posted @ 2019-05-21 15:40 vickylinj 阅读(3338) 评论(0) 推荐(0)