我的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 

      

原文地址:https://www.cnblogs.com/naxiaoming/p/8571619.html