![](https://img-blog.csdnimg.cn/20210621113813223.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 60
Vue 相关学习内容
芝芝葡萄
这个作者很懒,什么都没留下…
展开
-
前端项目使用Leaflet引入离线地图
前端引入地图(内网离线)由于网络等限制,可能需要对地图的展示、打点、显示等操作我们的步骤是下载瓦片地图,将瓦片地图静态文件放置在服务器引入绘制地图的第三方插件,这里使用 Leaflet,在Js代码中初始化地图按照 Leaflet 开发文档行事1、下载瓦片地图这一步让后端去操作,下载后mysql会多一张数据表,导出成瓦片地图放在服务器1.1 下载工具需要使用下载工具:MapDownloader链接: https://pan.baidu.com/s/1LOZdklEtkF5lqa9原创 2022-04-01 11:11:31 · 10972 阅读 · 40 评论 -
Vue-router路由跳转 页面的状态保留 与 强制刷新页面
1、遇到的问题当我们使用 Vue 去实现一个比较大型的SPA单页面的应用时候,通常使用到了vue-router,此时会出现一种场景:左侧是菜单、右侧是页面内容,点击不同的菜单时有时候需要对页面的内容进行以下三种操作1. 保留状态(例如新增页面 需要保持状态)2. 刷新页面(列表页面)3. 根据情况进行 保留 或者 刷新(两种情况动态判断)对以上问题进行探讨,需要用到 vue-router 中的 <keep-alive> 标签 和 路由跳转携带参数 去解决问题。2、解决2.1 对.原创 2022-02-08 19:16:00 · 18238 阅读 · 4 评论 -
Vue自定义指令对页面内容鉴权
当我们使用vue写管理项目时候,经常会遇到需要对页面内的DOM节点进行鉴权的操作,常用的做法都是直接使用vuex 进行获取权限列表,今天觉得 太麻烦直接使用Vue 的自定义指令去做。直接在 main.js 文件中加入如下内容,通过去localstorage中拿到权限列表,这里不去Vuex中获取,因为我们刷新页面时候可能会重置vuex 仓库,丢失了权限,而且这样写就很方便,相当于全局自直接定义了一个方法(指令),直接在DOM挂载的生命周期去插入一些操作// 自定义指令Vue.directive('p.原创 2021-12-22 21:55:08 · 709 阅读 · 0 评论 -
Vue Vue-router 项目中报错Error: Avoided redundant navigation to current location: “/xxx“.的解决方案
vue-router 时出现路由冗余项目中报错 Error: Avoided redundant navigation to current location: “/xxx”. 的解决方案报错显示路由重复,对功能没有影响。router 文件下 index.js 中添加下面代码即可 // 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题 const originalPush = Router.prototype.push Router.prototype.原创 2021-06-24 09:42:49 · 217 阅读 · 0 评论 -
Element-ui 的全局引入和按需引入
在项目中我们通常需要使用到 Element- UI 这个组件库,想要随时在任意页面使用我们需要在全局引入,而且其中的组件并不全是都能被使用到,于是根据需要可以仅引入部分组件以 Vue项目 为例全局引入在入口文件 main.js 中写,引入全部组件 // main.js import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; impor.原创 2021-06-22 11:48:51 · 6492 阅读 · 1 评论 -
sockjs-node/info? resource: net::ERR_SSL_PROTOCOL_ERROR 报错
问题综述Vuecli3 npm run serve启动项目,然后就看到了控制台一直报错解决方案找到/node_modules/sockjs-client/dist/sockjs.js找到代码的 1605行 try { // self.xhr.send(payload); 把这里注掉 } catch (e) { self.emit('finish', 0, ''); self._cleanup(false); }解析sockjs-node 是一个J原创 2021-06-21 11:57:00 · 503 阅读 · 0 评论 -
vuex 入门
VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。调试工具:vue devtoolsVuex就像眼镜:您自会知道什么时候需要它。1、state在store中定义数据,在组件中直接使用:目录:store/index.jsexport default new Vuex.Store({ // state相当于组件中的data,专门用来存放全局的数据 state: { num: 0 }, getters: {}, mut原创 2021-06-07 11:44:46 · 87 阅读 · 0 评论