我的BUG（vue项目）

一、布局BUG

　　1、ul下li浮动    li：33.3%;  float:left; margin:10px 0;　　注：li中会写一些字：当字体长度超出li范围时，会换行并导致li宽度增加；  浮动的li会被超出li高度挡住，无法按顺序浮动

　　　　解决办法：给li加一个高度（就本人的编程习惯而言看着不太爽）

　　　　解决方法2：换一种布局思路  使用inline-block来布局，宽度33.1% ;  vertical-align:top; margin:16px 0 ;（舒爽的方法）

　　2、使用inline-block布局会出现问题，如：在vue项目中，有的li写死，在这些li中也有循环出来的数据，在这种时候，循环出来的数据没有内联元素的间距的，而写死的会有

　　　　解决方法：去掉内联元素之间的间距

　　　　给父级元素加上letter-spacing:-2px(大小随字体大小)，子级元素设置letter-spacing：0；

　　　　还有很多方式见（百度）

　　3、element-ui修改样式

　　　　把style标签中的scoped去掉，按控制台查询类名就可以修改了

二、逻辑BUG

　　1、使用vue的时候遇到的BUG

　　　　情形：需要点击按钮，使自己消失并让同级元素显示

　　　　出现原因：点击按钮使自己消失，并使用this.$router.push()跳转子路由，第一下子路由出现， 本身并没有消失，点击第二次本身消失

　　　　解决方法：放弃了使用路由跳转，而是改为传值的方式，通过公用属性使显示隐藏切换

　　2、数据2017-2-3 00：00：00 去掉后面的时分秒的时间

　　　　我使用了substring（0，10）截取，正常的2017-02-03不会出问题，但是不严谨，如果是上面的格式会截取到0

　　　　解决方法：split（“ ”）[0] 截取字符串到空格为止

　　3、发现BUG，由于父级页面请求数据时间过长，导致子页面接受不到数据

　　　　解决方法：暂时在钩子函数中加了一个延时器，然后定义新变量接受。

　　4.数据渲染格式的BUG

　　　　场景：我需要把el-eselect多选的项目，放入另一个导航中，并在导航中新增一个字段来描述这个项目。数据都能取到，但value是数字，也就是字典中的标识

　　　　　　字典中的格式:[{name:'1',age:'一'},{name:'2',age:'二'},{name:'3',age:'三'}...]

　　　　　　value的格式：['1','2','3']入坑想法：1.先获取到数据，把数据存入数组中，在渲染数据　　BUG:这样做会导致数组累加，需要循环之前先清空数据，然后所有先前填写的项目描述也都清空了

　　　　　　　　　2.循环字典，根据标识判断渲染对象　　　　　　　　BUG：这样做如果有需要下标的字段，下标不会从0开始++，会有断层。

　　　　实现方法：先循环value，在value的子级循环字典，根据字典的标识与value的值得匹配来渲染字典

　　4.elementUI的时间日期，不兼容IE（弹框不显示）

　　　　解决办法：let Time = new Date(Date.parse(item.riskEliminateTime.replace(/-/g,"/")))

　　　　　　　　　Time = this.strToGmt(Time)

　　　　　　　　　Vue.prototype.strToGmt = function (str) {　　//2018-08-01转日期格式

　　　　　　　　　　let GMT = new Date(str)
　　　　　　　　　　return GMT
　　　　　　　　　}

　　5.router-link点击事件

　　　　场景，在router-link上加点击事件，但是不管用

　　　　解决方法：@click.native