最近需要实现菜单权限管理的功能,好久没写了,之前也没有记录过,就很烦。在这里记录一下。实现方法太多了。后续再整理一下。 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、每次调后端接口,都要在请求头中加[…]
vue怎么获取axios的return值?
代码: 问题: 上面的代码中console.log(a)打印出来的值是 undefind 原因: 解决:
vue-meta-info动态设置meta标签
网站的访问流量中,有相当一部分都是来自于搜索引擎,而来自于搜索引擎的流量又全部是免费的,所以网站的SEO(Search Engine Optimization 搜索引擎优化)是实现自我营销的一种最直接且最有效的手段。而SEO往往又都是从优化meta标签开始的! title如下图: keywords和description如下图: 1,安装vue-meta-info 2、 在main.js文件中引入[…]
wordpress 数据库详解
来源:百度搜索 wp_commentmeta:存储评论的元数据wp_comments:存储评论wp_links:存储友情链接(Blogroll)wp_options:存储WordPress系统选项和插件、主题配置wp_postmeta:存储文章(包括页面、上传文件、修订)的元数据wp_posts:存储文章(包括页面、上传文件、修订)wp_terms:存储每个目录、标签wp_termrelation[…]