共计 970 个字符，预计需要花费 3 分钟才能阅读完成。
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 改为了同步请求，结果：还是一样，这个时候，整个人就有点不好了。。。。
眼看着快要下班了，而这个问题已经看了一下午还没有解决，就很着急啊啊啊啊
努力回想自己曾经这样请求过啊，当时并没有发生任何不对。于是想着将请求的数据简化一下，就将发送的 data 数据简化到了只有 classesId, 想着只有一个数据了，就没有再定义任何的变量，直接将数据写到了 axios 请求内部。运行发现：classesId 竟然是对的。。。。于是立马将其他数据都写到了 axios 请求内容，发现结果对了，天啊，终于看到了希望。。。。
问题原因：
将这两种数据的定义及发送方式对比，分析问题可能是因为 js 赋值的深拷贝和浅拷贝造成的。。。
其他
解决过程中还试了 watch 监听 for 循环 classesId 的变化，发现也只能监听获取到最后一个 classesId.，并不能解决这个问题
