1.看接口文档data里面变量的数据类型,要看清楚是字符串还是整型。
2.vscode编译器问题: "必须全部为singlequote(单引号)"。
解决:把setting.json里面自动格式化改为false("editor.formatOnSave": false)
参考资料:
3.数据双向绑定:index="",这个""没有用,要在里面加''才能将变量转换成字符串。
4.前端人员在工作中若遇到接口出现错误时,先告诉后台开发人员,然后自己不能等到别人开发好才写自己的代码,可以先利用接口文档中响应数据,自己先写死一个假数据,如下:
async showProgressBox () {
this.progressDialogVisible = true
// const { data: res } = await this.$http.get('/kuaidi/1106975712662')
// todo
const res = {
data: [
{
time: '2018-05-10 09:39:00',
ftime: '2018-05-10 09:39:00',
context: '已签收,感谢使用顺丰,期待再次为您服务',
location: ''
},
{
time: '2018-05-10 08:23:00',
ftime: '2018-05-10 08:23:00',
context: '[北京市]北京海淀育新小区营业点派件员 顺丰速运 95338正在为您派件',
location: ''
},
{
time: '2018-05-10 07:32:00',
ftime: '2018-05-10 07:32:00',
context: '快件到达 [北京海淀育新小区营业点]',
location: ''
},
{
time: '2018-05-10 02:03:00',
ftime: '2018-05-10 02:03:00',
context: '快件在[北京顺义集散中心]已装车,准备发往 [北京海淀育新小区营业点]',
location: ''
},
{
time: '2018-05-09 23:05:00',
ftime: '2018-05-09 23:05:00',
context: '快件到达 [北京顺义集散中心]',
location: ''
},
{
time: '2018-05-09 21:21:00',
ftime: '2018-05-09 21:21:00',
context: '快件在[北京宝胜营业点]已装车,准备发往 [北京顺义集散中心]',
location: ''
},
{
time: '2018-05-09 13:07:00',
ftime: '2018-05-09 13:07:00',
context: '顺丰速运 已收取快件',
location: ''
},
{
time: '2018-05-09 12:25:03',
ftime: '2018-05-09 12:25:03',
context: '卖家发货',
location: ''
},
{
time: '2018-05-09 12:22:24',
ftime: '2018-05-09 12:22:24',
context: '您的订单将由HLA(北京海淀区清河中街店)门店安排发货。',
location: ''
},
{
time: '2018-05-08 21:36:04',
ftime: '2018-05-08 21:36:04',
context: '商品已经下单',
location: ''
}
],
meta: { status: 200, message: '获取物流信息成功!' }
}
this.progressInfo = res.data
}
5.图表要在dom元素渲染完才显示出来,所以不能放在created(){}的声明周期里面,有一个生命周期可以用就是mounted(){} 生命周期
Echars使用手册:
6.模式和环境变量
7.vue.config.js文件中cdn的引入有问题
cdn的引入写在了外面,应该写在发布模式里面:
8.router/index.js里面文件的单词拼写错了:Home.vue->HomePage.vue
(上一次由于Home.vue文件一直有错误,找了很长时间的错误,最后可能是没有删干净,于是将文件名改为HomePage.vue就好了)
9.router/index.js里面进行懒加载时由于之前已经解析过同名的所以报错了,将以前的删掉即可.