在vue项目开发中遇到了哪个小bug需要记录下来？

本文共计756个文字，预计阅读时间需要4分钟。

1. 鼠标悬停显示不同背景图片，代码如下： - 效果如图所示，页面初始效果：鼠标悬停后效果： - 代码示例：

2. 使用for循环发送axios请求遇到的问题及背景： - 在动态语句项目中，修改后出现一个问题： - 教程：

1、鼠标悬浮显示不同的背景图片，代码如下：

效果如图，页面初始效果：

鼠标悬浮后效果：

2、for 循环发送axios遇到的问题 问题背景：

在声动语商项目中，需求更改后，出现一个：教师发布课程的时候要求一个课程同时发送给多个班级。

现在的接口：每次只能发送一个班级的id,也就是：classesId字段只能传一个班级的id，因此为了满足这个新需求就想着：将select修改为多选，使用for循环循环用户选中的班级数组，使用axios发送创建课程请求。更改后的界面如下图所示：

问题复现：

思路：使用for循环，发送axios,发现请求发送的data中classesId总是最后一个，立马想到了闭包，以为是闭包问题，于是使用

这种方法想着解决下闭包，重新发送axios请求发现classesId数据还是不对。然后自我怀疑，以为自己写的闭包是不是有啥问题....

于是使用了第三方lodash的forEach方法一下，将axios请求写到了foreach里面，重新运行还是发现不对。。。。

以为this指向有问题，有将this重新赋值，结果：还是一样。。。。。。。

于是又调整了一下代码：将axios请求重新封装出去，重新在for循环里面调用，结果：还是不对

打断点发现for循环出来的classesId数据是对的，但是加上axios请求，每次请求发送的classesId还只是最后一个的

又想着是不是axios的异步请求影响的，于是将axios改为了同步请求，结果：还是一样，这个时候，整个人就有点不好了。。