vue之数组定义和赋值的示例分析

小编给大家分享一下vue之数组定义和赋值的示例分析，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联服务紧随时代发展步伐，进行技术革新和技术进步，经过10年的发展和积累，已经汇集了一批资深网站策划师、设计师、专业的网站实施团队以及高素质售后服务人员，并且完全形成了一套成熟的业务流程，能够完全依照客户要求对网站进行成都做网站、成都网站设计、建设、维护、更新和改版，实现客户网站对外宣传展示的首要目的，并为客户企业品牌互联网化提供全面的解决方案。

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

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：

vue之数组定义和赋值的示例分析

页面部分：

vue之数组定义和赋值的示例分析

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

修改代码后如下：

this.effective_date = [this.stamptimeToDate(detail.valid_date),this.stamptimeToDate(detail.invalid_date)];

打印effective_date的值：

vue之数组定义和赋值的示例分析

页面展示效果：

vue之数组定义和赋值的示例分析

以上是“vue之数组定义和赋值的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

文章名称：vue之数组定义和赋值的示例分析
链接地址：http://myzitong.com/article/pipjpo.html

vue之数组定义和赋值的示例分析

其他资讯