1.利用vuex 写全选功能时走的岔路以及解决办法
1).踩到的坑
点击全选数据更新后,视图不更新
2).尝试的解决办法
- 更新数据使用map
- 更新数据使用新建空数组,然后数组重新添加元素
- 使用$set方法(注:使用时新坑,this指向)
3).最终解决办法
这是一个不该犯的错误,业务逻辑设计的没有问题,出错原因是因为传参问题,传参数动态传了一个值,导致视
图不更新,最后传参改为$event,完美解决
2.使用组件无法加载
1).踩到的坑
使用组件后,视图不显示
2).最终解决办法
-
组件版本问题,指定组件版本 -
babel.config.js文件配置问题,重新配置
3.数据请求错误
1).踩到的坑
数据请求不到,报401和404错误
2).原因
- 输入数据有误,格式不正确
- 请求头错误,命名不正确
3).最终解决办法
- 重新配置请求头
- 打印数据,检测错误
4.滚动条监听
1).踩到的坑
使用widows监听时无法监听滚动条事件
2).原因
- 在app页面,route-view使用了定位导致在整个浏览器框架下页面没有滚动,所以无法使用
3).最终解决办法
- 给需要监听的对应的元素添加ref, 然后在mounted中进行监听
5.监听父元素事件
1).需求
创建了一个组件,需要监听滚动条事件,但滚动条事件在父元素,需要传参$event
2)解决
暂未解决