vue踩坑记录

290 阅读1分钟

1.利用vuex 写全选功能时走的岔路以及解决办法

1).踩到的坑

点击全选数据更新后,视图不更新

2).尝试的解决办法

  1. 更新数据使用map
  2. 更新数据使用新建空数组,然后数组重新添加元素
  3. 使用$set方法(注:使用时新坑,this指向)

3).最终解决办法

这是一个不该犯的错误,业务逻辑设计的没有问题,出错原因是因为传参问题,传参数动态传了一个值,导致视
图不更新,最后传参改为$event,完美解决

2.使用组件无法加载

1).踩到的坑

使用组件后,视图不显示

2).最终解决办法

  1. 组件版本问题,指定组件版本
    
  2. babel.config.js文件配置问题,重新配置
    

3.数据请求错误

1).踩到的坑

数据请求不到,报401和404错误

2).原因

  1. 输入数据有误,格式不正确
  2. 请求头错误,命名不正确

3).最终解决办法

  1. 重新配置请求头
  2. 打印数据,检测错误

4.滚动条监听

1).踩到的坑

使用widows监听时无法监听滚动条事件

2).原因

  1. 在app页面,route-view使用了定位导致在整个浏览器框架下页面没有滚动,所以无法使用

3).最终解决办法

  1. 给需要监听的对应的元素添加ref, 然后在mounted中进行监听

5.监听父元素事件

1).需求

创建了一个组件,需要监听滚动条事件,但滚动条事件在父元素,需要传参$event

2)解决

暂未解决