![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue2.0笔记
芳树无人花自落
这个作者很懒,什么都没留下…
展开
-
vue window.location.replace替换之后又自动跳回去
vue window.location.replace替换之后又自动跳回去原创 2022-06-13 16:52:51 · 2143 阅读 · 1 评论 -
echarts 柱状图缩放浏览器消失了
echarts 柱状图缩放浏览器消失了原创 2022-06-13 16:34:05 · 829 阅读 · 0 评论 -
iview 手动上传文件
一、批量导入,手动上传 需求:点击上传文件去选择需要上传的文件,然后页面显示该文件名,点击确定按钮后才进行导入 解决:由于iview插件的Upload组件没有提供手动上传功能,只有一个模拟手动上传(用的定时器)。所以只能自己写一个原生的上传文件,即input标签的type为file 注意:我直接使用处理过的axios请求来提交文件,会报一个错误 the request w...原创 2020-02-19 14:44:33 · 2779 阅读 · 0 评论 -
vue项目一些实用的小插件或工具
1、vue-awesome-swiper 做轮播 2、localForage 本地离线存储 3、prerender-spa-plugin 预渲染、SEO优化 4、lodash js实用工具库 5、Clipboard.js 将内容复制到剪切板中 6、interact.js 改变大小形状拖动插件 7、echarts 图表 8、vue-baidu-map 百度地图 9、vue-vide...原创 2019-04-26 17:10:57 · 1249 阅读 · 0 评论 -
提升代码质量技巧
尽量加新代码,而不要修改已经写好的代码,避免牵一发而动全身,有可能造成意想不到的后果 跟页面不相关的逻辑尽量别写在这个页面中,例如vue页面,跟这个页面业务没有关系的代码处理可以放在外面 相关联的处理写在一起,不用分开。例如,做复制粘贴时,粘贴计数器的加一,可放在粘贴函数里一起处理 重复触发很多次的尽量只触发一次(dispatch、emit等),减少触发次数。例如...原创 2019-04-26 14:25:35 · 259 阅读 · 0 评论 -
基于vue框架项目开发过程中遇到的问题总结(三)
这次遇到的一个问题困扰了我很久很久,大致就是vue路由的addRoutes方法的使用,每次在调用了这个之后router对象中并没有将路由添加进去,接下来,我一步一步的分析原因及解决方法(个人见解,仅供参考) (1)先看看我的失败的代码 store.getters.addRouters我存在vuex中,但是实际是存于session中的,所以刷新后是不会丢失数据的 在app.vue的mo...原创 2018-12-13 11:01:17 · 1679 阅读 · 0 评论 -
vue项目全局引用其他库或插件的方法
一、引入库(js文件) 例子:npm install的localForage,在main.js中全局引用 import localForage from 'localforage/src/localforage'; Vue.prototype.localForage = localForage 在其他文件中就直接引用,this.localForage.... 注意:这种方法是有局限性的,...原创 2019-04-26 17:16:18 · 4299 阅读 · 1 评论 -
sort排序bug乱序
项目需要对组件的zIndex值进行降序排列,刚开始采用的是sort进行排序,排完之后感觉没问题,毕竟也是经常用的,可是昨天无意中把zIndex值打出来看,一看不知道,发现只要排序的组件超过10个就出问题,刚开始以为zIndex是字符串的缘故,可在转换之后还是乱序的,下面是代码以及排序结果: 可以看到当增加到第11个时,zIndex为5的跑到了最前面...原创 2018-10-25 11:43:58 · 1498 阅读 · 0 评论 -
npm run dev报错(webpack和webpack-cli版本冲突)
起因是我刚加入一个项目,克隆下来vue项目,然后安装依赖,等到npm run dev时就出现问题了,问题如下: 找了很久的问题就是找不到,后面在别人的github看到一个相似错误,经过评论对比,发现错误是一样的,故确定是版本的错误,原文作者webpack@4.20.0版本、webpack-cli@2.1.5版本,作者认为是webpack升级到4.20.0版本,可能是某些json与旧版本...原创 2018-10-25 10:25:58 · 8317 阅读 · 0 评论 -
基于vue框架项目开发过程中遇到的问题总结(二)
1、mouseup事件丢失 查看了网上资料,造成mouseup事件丢失有两种原因: (1)触发了浏览器的drag事件 (2)由于鼠标离开了操作的区域,触发了mouseleave事件导致mouseup丢失 解决办法: 针对第一种情况:阻止系统默认操作防止drag被触发 在@mouseup或v-on:mouseup后面加上.prevent阻止默认操作,和.stop阻止事件冒泡(此方法是根据...原创 2018-09-26 14:41:16 · 1795 阅读 · 0 评论 -
基于vue框架项目开发过程中遇到的问题总结(一)
(一)关于computed修改data里变量的值 问题:computed里是不能直接修改data里变量的值,否则在git commit 时会报错 解决:在computed里使用get和set来进行获取和修改data变量,(参考下图) (二)computed里监听数组的变化 问题:computed里返回一个数组,但是在进行交换数组里两个元素的位置不能触发computed的更新(视图不能更...原创 2018-09-18 17:19:08 · 5793 阅读 · 1 评论 -
vuejs定义组件的几种方法
定义组件的7种方法:l 字符串l 模板字面量l x-templatel 内联模板l render 函数l JSFl 单文件组件 (1)字符串这是最基础的一种方式Vue.component('组件名',{ template:‘字符串(html)’})(2)模板字符串(反引号方式),阅读体验佳,在许多浏览器中支持,不过安全起见还是需要把代码转换成ES5。这种方式并不完美,ID...转载 2018-06-07 16:43:51 · 4231 阅读 · 1 评论