内容
实习第一天给了我一个管理系统的测试版,给了两个需求让我试着改。之前由于从来没用过vue,所以用了两天时间简单熟悉了vue,项目用了vuex、axios、fetch等,很多都不太熟悉。 今天大体改完了一个 大致改需求过程如下:
- 可多选数据提交,获取数据的ids
- 找到页面所在的代码
- 添加一个data:course_ids = [ ],然后改掉只能判断选择一个课程的条件
- 将checked的id遍历然后一步步传到course_ids中
- 在http.js中添加后端接口
遇到的问题
1.由于项目是一个有一点复杂的项目,很多页面单单凭看代码找页面有点慢,所以可以下载一个Vue的chrome插件,查找界面路径很方便
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的问题!