vue踩坑记录之数组定义和赋值问题

问题场景：vue页面初始化展示请求后台返回的数据失败，没有报错

El-form项目标签='有效日期div class=' block ' El-date-picker v-model=' effect _ date ' type=' date range ' range-separator='至开始-占位符='开始日期结束-占位符='结束日期/El-date-picker/div/El-form-item data(){ return { effect _ date :[]} }方法： { getcontract info(){ this。服务。总部。获取合同清单(这个.$route.query.uid).然后((RES)={ let detail=RES . datalist[this .$路线。查询。索引]；这个。生效日期[0]=本。stamptimedate(详细信息。valid _ date)；这个。生效日期[1]=本。stamptimedate(详细信息。无效的_ date)；} } }创建了(){这个。getcontinunfo()；setTimeout(()={ console。日志(这个。effect _ date)；}) },输出的这个。生效日期：

页面部分：

发现问题：数据定义的数据为[]空数组，没有定义数组长度，而赋值的时候用数组下标赋值

修改代码后如下：

这个。生效日期=[这。stamptimedate(详细信息。有效期_日期)，这。stamptimedate(详细信息。valid _ date)]；打印生效日期的值：

页面展示效果：

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对我们的支持。