kahh项目遇到的坑

一： 1、图片在div盒子里面下方有空白缝隙： 原因：图片下方和文字的基线对其，所以有缝隙。 解决方法：

1、将div盒子中文字大小设为0: font-size:0 2、设置图片: vertical-align:middle/top/bottom

2、图片在div盒子里上方有缝隙： 原因：代码原因，图片是inline-block，与div之间有换行和空格 解决方法：

1、display:block 2、如果图片必须要是inline-block： div:{ //字体大小0，空格换行空字体大小为0（） font-size: 0; //去除浏览器换行符间隙（减少字符空白间距） letter-spacing: -3px; }

3、js操作事件没发生变化：

原因：有弹出框之类的，操作弹出框里面的东西，dom还没更新出现就执行了，没反应： 解决方法： this.$nestTick()

4、数据变化dom没有更新

1、没有在data中绑定（在created中重新全部赋值也算在重新绑定） 2、js后续添加了新的数组数据和表单项，需要用this.$set

5、使用子组件，注意子组件销毁和生成节点

弹出框：里面有上传子组件等，弹出框关闭之后子组件并没有销毁，再次进入并不会进去created 对子组件操作也需要在弹出框出现（子组件出现之后） this.uploadVisible = true this.$nextTick(() => { this.uploadForm.filePath = row.filePath }) // 上传组件创建之后可以执行有关子组件（上传组件）的操作

6、Error in render错误

渲染错误，很大可能是因为初始化数据的顺序不对 // 使用getMarkName方法，先保证参数一、二都在， <span>{{ getMarkName(userInfo.userType,userTypeMarkList) }}</span> // 必须先有参数一，才能有参数二进行判断（参数一是最初要判断的，所以作比较得先存在） async created() { await this.getUserInfo() // H从数据字典中获取用户类型全部数据 this.$store.dispatch('user/getMarkList', 'MOBILE_USER_TYPE').then(() => { this.userTypeMarkList = this.$store.state.user.markList }) },