组件: Element(地址:http://element.eleme.io/#/zh-CN/component/tree):Tree树形控件 将获取的数据转换成组件所需要的格式: 然后根据parentId生成树:
解决10% building modules 7/7 modules 0 activeevents.js:291 throw er; // Unhandled ‘error’ event
npm run dev运行报错如下: robot@1.0.0 dev C:\Users\xiaomu\Desktop\mySVN\robot webpack-dev-server –inline –progress –config build/webpack.dev.conf.js 10% building modules 7/7 modules 0 activ[…]
笔记:vue项目中引用百度地图,地图空白现象
最近在项目中使用百度离线地图,可是一切都正常完成的情况下。页面中的地图区域居然是显示空白的: 检查了好久,发现是自己的全局样式造成的: 解决:将全局样式中img标签的max-width和max-height属性去掉就行了
利用vuex和localStorage实现vue菜单权限管理(笔记)
最近需要实现菜单权限管理的功能,好久没写了,之前也没有记录过,就很烦。在这里记录一下。实现方法太多了。后续再整理一下。 store/index.js vuex里获取权限列表 router/index.js的 router.beforeEach 或者 store/index.js router/index.js 路由守卫里 router.beforeEach 获取权限列表存到vuex里 最后页面中从[…]
MAP地图报错Unable to preventDefault inside passive event listener invocation.
地图每次鼠标点击、移入移出都会报Unable to preventDefault inside passive event listener invocation.不管是对接什么地图都会报错 原因: 之前为了忽略警告滚动安装了一个default-passive-events依赖 解决方法: 卸载相关依赖npm uninstall default-passive-events 烦!
Vue提示warn:”[vue-router] Named Route ‘home’ has a default child route…”
在Vue的项目中使用了Vue-Router,当某个路由有子级路由时,如下写法: 会报出如下警告: [vue-router] Named Route ‘home’ has a default child route. When navigating to this named route (:to=”{name: ‘home’”), the default child route wil[…]
vue开发:[Violation] Added non-passive event listener to a scroll-blocking event. Consider ma…
在基于 Element-ui 写项目的时候,Chrome 提醒:[Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel’ event. Consider marking event handler as ‘passive’ to make the pa[…]
[vue-router] Duplicate named routes definition
浏览器告警信息 [vue-router] Duplicate named routes definition: { name: “index”, path: “/index” } 说明路由命名的name属性重复 举 例 { path: ‘’, name: ‘index’, redirect: ‘/fiibox/personHome’ }, 改正: { path: ‘’, name: ‘’, red[…]
vue-router 报错:Navigation cancelled from“/…“ to “/…“ with a new navigation.
vue-router@3.0版本及以上回调形式已经改成promise api的形式了,返回的是一个promise,如果路由地址跳转相同, 且没有捕获到错误,控制台始终会出现如图所示的警告 (注:3.0以下版本则不会出现以下警告!!!,因路由回调问题…)* 怎么解决呢? 方案一:安装vue-router3.0以下版本:先卸载3.0以上版本然后再安装旧版本 npm install vue-router[…]
el-menu实现路由跳转及当前页的导航
1、el-menu-item 路由跳转 要实现路由跳转,先要在el-menu标签上添加router属性,然后只要在每个el-menu-item标签内的index属性设置一下index即可实现点击el-menu-item实现路由跳转。 这样还是不够的,刷新页面后, el-menu-item 展示项不是当前页。 2、el-menu-item 展示当前页的导航 导航当前项,在el-menu标签中绑定 […]
vue 项目中使用sha256加密
SHA256算法使用的哈希值长度是256位。这是一个抽象类。此类的唯一实现是SHA256Managed。 下载: 全局引用: 使用: 局部使用:
Vue项目中如何实现用户登录及token验证?
思路: 1、第一次登录的时候,前端调后端的登陆接口,发送用户名和密码 2、后端收到请求,验证用户名和密码,验证成功,就给前端返回一个token 3、前端拿到token,将token存储到localStorage和vuex中,并跳转路由页面 4、前端每次跳转路由,就判断 localStroage 中有无 token ,没有就跳转到登录页面,有则跳转到对应路由页面 5、每次调后端接口,都要在请求头中加[…]