qq_39343308的博客

v-if="form.details.length>0"项目中使用v-if判断数组长度报错：Error in render: "TypeError: Cannot read property 'length' of undefined"解决方法：v-if="form.details.attrs !== undefined && form.details.a...

最近随着单位的线下单子变多，线上项目感觉打包慢的要死。所以得感觉解决一下了。原因：如上图所示，发现app.js和vendor.js过大导致打包时间过长。main.js导入第三库太多时,webpack合并js时生成了vendor.js(我们习惯把第三方库放在vendor里面)造成的。解决思路：对症下药--瘦身app.js和vendor.js.解决方案：1、通过cdn来加载第三方库，具...

优化方法一： vue-router路由懒加载 按需加载：也叫延迟加载或者懒加载，即在需要的时候进行加载，随用随载。 使用懒加载的原因：vue是单页面应用，使用webpcak打包后的文件很大，会使进入首页时，加载的资源过多，页面会出现白屏的情况，不利于用户体验。运用懒加载后，就可以按需加载页面，提高用户体验。（下图为懒加载的写法）优化方法二：webpack压缩图片（减...

今天测试给我报了个bug说点击浏览器返回页数据显示的不对，我查了半天原因：需要监听浏览器的回退按钮，并阻止其默认事件。 具体操作方法如下： 1、挂载完成后，判断浏览器是否支持popstatemounted(){ if (window.history && window.history.pushState) { history.pus...

github：https://github.com/xiaokaike/vue-color今天项目中引用了一下vue-color,大概步骤如下1、安装vue-color$ npm install vue-color2、安装所需依赖npm install3、引入项目import { Photoshop } from 'vue-color'//有6中风格，用哪种直接...

昨天element-ui进行了一版版本升级，升级之后发现我们的项目出现了小图标不显示等一列问题，于是赶紧将版本改成原来的，具体注意事项如下图： ...

vuex是什么？ 专门为vue设计的状态管理架构，统一管理和维护vue的可变状态。vuex的五个核心属性？ 五个核心概念：state、getters、actions、mutations、modulesstate state是vuex的基本数据 由于vuex状态存储是响应式的，所以vue组件从store中获取状态最简单的方法就是写在计算属性中 ...