在项目中的错误及解决方案

在写项目中，刚开始很吃力，基础太差，之后我就开始翻以前的案例以及网上查找，以下是我在项目中的错误，以及我的解决方案。

1、首页中有一个上滚动轮播喇叭。

错误：写的代码没有让他自动轮播，效果极其难看。

解决方案：用vant，里边的轮播图，进行改进，设置宽度，设置可见属性，然后通过css改进最后出现想要的效果。

2、因为在APP.vue里边定义一个底部导航栏，在某些页面需要消失，消失不掉。

错误：在index.js里边需要加mate里边的名字大小写书写错误。

解决方案：在最后查找百度以及参照之前的案例，最后才发现名字大小写不正确，最后改正之后，底部导航消失效果出现

3、实现瀑布流的

错误：在实现瀑布流的时候，刚点开商品列表页面会出现瀑布流效果出现不了，会堆积到一块，刚开始觉得是因为图片或者文字没有加载出来，就开始瀑布流排布。

解决方案：在查找百度别人的代码之后，也通过实验，是因为自己电脑网速确实不太理想，也是因为图片加载不出来，才有此问题，后来我把点击事件的一个函数，加到刷新页面就会触发的函数里边（点击事件函数也有瀑布流效果）然后刷新页面如果加载不出来瀑布流，就会执行点击事件的那个函数，重新执行一次瀑布流，然后效果也很成功。

4、在同一个页面里，点击不同div把下边的内容改变

错误：在请求出来数据之后，我把点击事件放在三个div上，通过换请求头里边的一项数据，改变下边内容，但是点击虽然请求成功单是他出不来。

解决方案：刚开始发现这个错误，我以为是因为代码书写错误，在我检查一遍后，书写形式及单词并没有错误，我就想把这三项数据全部请求出来，通过v-if以及v-else if来控制，通过点击一个div给这个div一个数据，因为三个所以我就设置点击第一个div给他一个flag=0，依次往下，最后实现点击转换内容。

5、购物车实现

错误：在实现购物车的时候全选没有选中。

解决方案：在写购物车全选的时候，刚开始点击并没有把上边子组件全选，我就开始检查我在vuex里边是否写错，在检查的时候，也通过在浏览器报错的时候，发现函数里边的一个字母大小写写错，然后改正之后，得以解决。

6、在vue里边的scoped的使用

错误：因为在其他页面里边的style没有设置scoped，导致其他页面错乱。

解决方案：在刚开始出现这种情况，我以为我的css出现的毛病，然后越设置越乱，我就想到是不是其他页面的影响，我就开始检查其他页面的style的scoped是不是加上了，有没有影响。然后我在home页面找到了影响的地方然后我加了一个scoped后就没有产生影响。

7、页面刷新之后，图片的渲染很慢

错误：页面刷新的时候图片一闪一闪的。

解决方案：在这个页面里面加一个空的页面，用v-if和v-else在数据全部渲染出来后才显示正常页面，如果没有全部渲染出来就显示那个空的空壳页面，从视觉上的解决。