小记录

88 阅读1分钟

内容

实习第一天给了我一个管理系统的测试版,给了两个需求让我试着改。之前由于从来没用过vue,所以用了两天时间简单熟悉了vue,项目用了vuex、axios、fetch等,很多都不太熟悉。 今天大体改完了一个 大致改需求过程如下:

  1. 可多选数据提交,获取数据的ids
  2. 找到页面所在的代码
  3. 添加一个data:course_ids = [ ],然后改掉只能判断选择一个课程的条件
  4. 将checked的id遍历然后一步步传到course_ids中
  5. 在http.js中添加后端接口

遇到的问题

1.由于项目是一个有一点复杂的项目,很多页面单单凭看代码找页面有点慢,所以可以下载一个Vue的chrome插件,查找界面路径很方便

image.png

2.在http.js中添加时只是一个方法,但是在Promise返回值中传递了参数,导致提交数据一直报错
# TypeError: __WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext is not a function
删除Promise返回值中传递的参数就好啦!

3.this指向的问题不太清晰

4.注意与后端给的example request 一致

总结

第一次在一个较完整的vue项目中修改,很多地方都不太清楚,例如在http.js中添加等,都是copy之前的内容,以及要弄清楚this的问题!