2019年1月
在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
- 阅读剩余部分 -