Vue-router前端路由(1) 什么是路由？ 路由就是通过互联的网络把信息从源地址传送到目的地址的活动 路由提供了两种机制：路由和传送 路由是决定数据包从来元到目的地的路径 传送将输入端的数据转移到合适的输出端 路由中有一个非常重要的概念叫路由表： 路由表本质上就是一个映射表，决定了数据包的指向 ...
分类：
其他好文 时间：
2020-07-19 16:23:15
阅读次数：
64
Vue-router前端路由(2) Vue-router全局导航守卫： 为什么使用导航守卫：（修改网页标题） 网页标题是通过title来显示的，但SPA只有一个固定的HTML，切换组件无法修改title 但我们可以通过JavaScript来修改title的内容：document.title 这时就需 ...
分类：
其他好文 时间：
2020-07-19 16:21:17
阅读次数：
62
使用VueCli 4.3搭建yb课堂前端项目框架 创建yb课堂Vue项目 vue create ybclass_front 选择feature模式 安装vuex、vue-router，用vscode打开 安装axios cnpm install axios --save cnpm install < ...
分类：
其他好文 时间：
2020-07-19 15:59:56
阅读次数：
64
在做 vue + element-ui 项目时，重复点击导航路由报错，报错信息如下： 虽然不影响使用，但问题还是要解决的。于是，查文档，注意到 vue-router 文档中有这样一段话，传送门→ 即：vue-router@3.1.0 以后，回调函数返回的是 promise。所以如果没有捕获到错误，就 ...
分类：
其他好文 时间：
2020-07-17 13:39:09
阅读次数：
77
一般单页面应用，例如vue都是通过vue-router来做跳转，不会像多页应用一样另起新页面显示，但是也不排除一些业务上的需要。 例如，展板，监控屏等等。 代码参考如下： 当点击的路由名称为“locStatusScreen”时，则进行新页面跳转打开，打开的页面还是当前单页面功能的其中一个页面。 当点 ...
分类：
其他好文 时间：
2020-07-15 15:32:35
阅读次数：
51
1、说一下vue中所有带$的方法 <div id="example"> <p ref="myp">{{msg}}</p> <div ref="warp"> <div v-for="a in arr" ref="mydiv">a</div> </div> </div> let vm = new Vue ...
分类：
其他好文 时间：
2020-07-13 13:19:31
阅读次数：
65
1.让菜单生成不经过动态路由 修改 src/router/index.js import Vue from 'vue' import Router from 'vue-router' import { constantRouterMap, asyncRouterMap } from '@/confi ...
分类：
其他好文 时间：
2020-07-10 09:33:25
阅读次数：
194
路由守卫 vue-router 提供的导航守卫主要是用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局，单个路由独享，或者组件级 全局守卫 router.beforeEach((to,from,next) => { //... //to:Route:即将要进入的目标，路由对象 // ...
分类：
其他好文 时间：
2020-07-07 19:32:59
阅读次数：
60
基本结构： ?路由的基本概念与原理 ?vue-router的基本使用 ?vue-router嵌套路由 ?vue-router动态路由匹配 ?vue-router命名路由 ?vue-router编程式导航 ?基于vue-router的案例 ...
分类：
其他好文 时间：
2020-07-05 23:27:30
阅读次数：
118
导航守卫介绍 导航守卫按发生的时间分为前置守卫和后置守卫，在导航准备发生时，触发前置守卫，导航结束之后，触发后置守卫。 所谓前置导航守卫，即在准备跳转到下一页面（路由）之前根据一定的条件可以对跳转目标进行改变的机制。 我们可以在此判断用户是否有权访问即将跳转的页面，用户是否登录来对页面跳转施加影响。 ...
分类：
其他好文 时间：
2020-07-05 17:20:50
阅读次数：
69
