在vue项目中，如果服务上没有这张图片，那么前端展示时就会出现渲染出错图：解决方案：1.在img图片标签中绑定onerror事件<div class="img-div" v-loading="partImageInfoState" element-loading-text="数据加载中..."> <img v-if="currentImagePart.imgUrl" :src="'/static/images/parts/'+currentImagePart.im- 阅读剩余部分 -

报错代码：VM3950:37 TypeError: _self.$scopedSlots.default is not a function原因：使用v-if切换标签时，多个相同的标签被渲染，如果不添加key来区分则会出现数据冲突导致table渲染出错解决方法：需要给同一个vue页面中的table节点加上个key值就完美解决;

最近做webpack基于vue-cli的打包优化，调试到productionGzip文件压缩优化，在项目 根目录config/index.js 中 build 对象内找到 productionGzip: false， 把 false改为true 实现启用。属性值修改后，这个时候可以执行 npm run build。但是会报错compiler.hooks.emit.tapAsync({ name: 'CompressionPlugin' }, emit); 排查了下原因，然后我去看了下：https://www.npmjs.com/package/compression-w- 阅读剩余部分 -

随着项目越来约庞大，导致构建包的时候速度缓慢！首先推荐使用wepback的可视化资源分析工具。以下给出webpack-bundle-analyzer配置【vue-cli构建项目时会自动配置好】安装webpack-bundle-analyzer控制台输入npm/cnpm install --save-dev webpack-bundle-analyzerconfig/index.js文件中module.exports = { build: { ... // Run the build command with an extra argument to - 阅读剩余部分 -