bug原因：因为Better-Scroll插件需要计算滑动的高度，如果页面图片较多，图片没有加载完成，滑动高度就已经计算出来，这个数据偏小，网速较快不会出现这个bu解决方法：每个图片加载完毕后，都让他重新计算滑动高度，最后算出来的高度就正确了代码使用 @load监听img标签这样每次图片加载完毕，就会调用这个方法<img :src="goodsItem.show.img" alt="" @l

<button @click="play = !play">播放</button><video src="./video/rpa10.0.mp4" autoplay v-if="play"></video>data() {return {play: false}}首先将video标签隐藏起来，合适的时候将他显示出来，就可以播放了，**注意：video

出现这种情况的原因，是因为vue-router为了让url变化，页面不刷新，使用了location.hash()，解决办法：在newvue-router的时候传入一个mode: ‘history’export default new Router({routes: [{path: '',redirect: '/home'}],## mode: 'history'})这样是就使用H5的histo.

首先出现静态资源加载失败的原因是路径问题，子应用的路径被父应用影响，解决方法你需要将你的 webpack publicPath 配置设置成一个绝对地址的 url{output: {publicPath: `//localhost:${port}`,}}借助 webpack 的 url-loader 将字体文件和图片打包，小文件转 base64 ，大文件注入路径前缀vue cli2写法const p

HTML这里注意如果自己的页面有滚动条，一定阻止滚动事件的默认行为，否则缩放图片的时候，页面会跟着滚动@mousewheel.prevent 阻止默认行为<div span="8" class="left"@mousewheel.prevent="rollImg"><img :src="imgUrl" alt="" class="img" ref="imgDiv" @moused

HTML部分<div class="file"><input type="file" class="updata" accept="image/*" @change="change($event)" ref="updata"><img :src="imageUrl ? imageUrl : baseImg" alt="" class="img"></div