vue踩坑记录之数组定义和赋值问题
作者：努力的小聪忙 发布时间：2024-05-05 09:24:41
标签：vue,数组,赋值
问题场景：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的值：
页面展示效果：
来源：https://segmentfault.com/a/1190000018583134
0
投稿猜你喜欢
- 下面是Sql Server 和 Access 操作数据库结构的常用Sql，如如何新建一个表，如何删除表，如何删除数据，插入数据等等..希望对
前言.net core来势已不可阻挡。既然挡不了，那我们就顺应它。了解它并学习它。今天我们就来看看和之前.net版本的配置文件读取方式有何异- openpyxl 的用法实例1.1 Openpyxl 库的安装使用openpyxl 模块是一个读写 Excel 2010 文档的 Pytho
- 数据挖掘查询任务根据 Analysis Services 内置的数据挖掘模型运行预测查询。预测查询通过使用挖掘模型来创建对新数据的预测。例如
- 零、配置Tomcat默认情况下Tomcat是没有配置用户角色权限的但是，后续Jenkins部署项目到Tomcat服务器，需要用到Tomcat
- 识别验证码OCR(Optical Character Recognition)即光学字符识别技术，专门用于对图片文字进行识别，并获取文本。字
- 最近在开发一个web应用中需要用到带搜索功能下拉框，曾经尝试网上的django 包， django-select2-forms, 这是款功能
- 本文实例讲述了asp.net实现图片以二进制流输出的两种方法。分享给大家供大家参考，具体如下：方法一：System.IO.MemoryStr
- 缘由新手学习 Django 当配置好 HTML 页面后，就需要使用一些静态资源，如图片，JS 文件，CSS 样式等，但是 Django 里面
- 我们先看一个简单的例子：<input type="text" onblur="alert(this.va
- webargs是一个用于解析和验证HTTP请求对象的Python库，内置了对流行web框架的支持，包括Flask、Django、Bottle
- 第一步，下载依赖yarn add kindeditor第二步，建立kindeditor.vue组件<template> <
- /** * 类说明：对MYSQL数据库的操作类 */ using System; using System.Data; using MySq
- 一张表（ColumnTable）的结构如下图所示当前需要实现的功能：通过Number的值为67来获取当前的节点ID、父节点ID递归实现SQL
- 本文讨论 MySQL 的备份和恢复机制，以及如何维护数据表，包括最主要的两种表类型：MyISAM 和 Innodb，文中设计的 MySQL
- 在用python进行图像处理时，有时需要遍历numpy数组，下面是遍历数组的方法：[rows, cols] = num.shape for
- 本文通过Python3+pyqt5实现了python Qt GUI 快速编程的19章的页面索引器应用程序例子。/home/yrd/eric_
- 处理上传的文件： f1 = request.FILES['pic'] fname = '％s/％s' ％ (
- 表结构： CREATE TABLE [dbo].[Xtest]( [ID] [bigint] IDENTITY(1,1) NOT NULL,
- 1.示例树的一些属性：层次性：树是按层级构建的，越笼统就越靠近顶部，越具体则越靠近底部。一个节点的所有子节点都与另一个节点的所有子节点无关。
