vue踩坑记录之数组定义和赋值问题
2019-04-11 09:16
2326 查看
问题场景:vue页面初始化展示请求后台返回的数据失败,没有报错
<el-form-item label="有效日期"> <div class="block"> <el-date-picker v-model="effective_date" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker> </div> </el-form-item>
data(){ return{ effective_date: [] } }
methods: { getContractInfo(){ this.service.hqStore.getContractList(this.$route.query.uid).then((res)=>{ let detail = res.datalist[this.$route.query.index]; this.effective_date[0] = this.stamptimeToDate(detail.valid_date); this.effective_date[1] = this.stamptimeToDate(detail.invalid_date); } } }
created(){ this.getContractInfo(); setTimeout(()=>{ console.log(this.effective_date); }) },
输出的this.effective_date
:
页面部分:
发现问题:data定义的数据为[]空数组,没有定义数组长度,而赋值的时候用数组下标赋值
修改代码后如下:
this.effective_date = [this.stamptimeToDate(detail.valid_date),this.stamptimeToDate(detail.invalid_date)];
打印effective_date的值:
页面展示效果:
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。
您可能感兴趣的文章:
相关文章推荐
- (12)数组定义以及引用类型堆内存分配、数组名赋值问题
- JQ数组操作(定义一个数组,给数组赋值)
- scanf能赋值字符数组,不能赋值给指针的问题
- 关于STM32中定义数组的问题
- 定义两个整型指针,分别用malloc、calloc对其分配空间保存3个元素,malloc分配的空间用memset清零,随机对数组进行赋值随机范围1-3,赋值后用memcmp比较两个数组。如果相同打印G
- 数组的定义及赋值
- 一个字符数组赋值的问题
- Vue中解决数组在被清空的情况下,页面仍会存在缓存数据的问题
- vue 使用出现的问题(持续记录)
- 结构体变量中数组成员赋值问题
- 腾讯数组乘积赋值的问题
- vc++下char数组赋值乱码问题
- JQ数组操作(定义一个数组,给数组赋值)
- 指针数组赋值问题
- Vue 使用过程中的问题记录
- shell中数组的定义、初始化、引用、赋值
- C语言字符数组的赋值问题及比较
- IOS开发要注意数组的赋值问题
- Vue.js列表渲染难点:对象中数组深度更新问题
- vue 实战问题-watch 数组或者对象