if (res && res.code === 20000) { this.tableData = res.data; }查询状态为2,3,4,5, 2有二级状态,2.1,2.2,2.9 <el-table-column prop="statusName" label="状态" width="110" align="center" > </el-table-column>
时间: 2024-02-14 12:36:11 浏览: 134
您的代码中,先判断`res`是否存在并且`res.code`是否等于20000,如果成立,则将`res.data`赋值给`this.tableData`。`statusName`是一个属性,可能是从后台返回的数据中获取的状态名称,作为表格中的一列显示。它的宽度为110像素,居中对齐。您提到的状态2有二级状态2.1、2.2、2.9,则有可能是通过`statusName`属性来区分显示不同的状态名称的。
相关问题
}}).then(res => { if (res.code === "500") { this.$message.error('没有此记录!'); } this.tableData = res.data; let i = 0; while (i < this.tableData.length) { if (this.tableData[i].state === 0) { this.tableData[i].stateview = "已取消"; } if (this.tableData[i].state === 1) { this.tableData[i].stateview = "未付款"; } if (this.tableData[i].state === 2) { this.tableData[i].stateview = "待发货"; } if (this.tableData[i].state === 3) { this.tableData[i].stateview = "已发货"; } i++; } })
这段代码是Vue.js代码,当HTTP GET请求返回响应后,会执行.then()方法中的回调函数。该回调函数首先判断响应结果的code属性是否为"500",如果是,则弹出一个错误提示框;如果不是,则将响应结果的data属性赋值给Vue实例的tableData属性,并根据每行数据的state属性值设置对应的stateview属性值。最后,通过while循环对tableData数组中的每个元素进行处理,将state属性值转换为对应的状态文字。
methods: { getCourse() { axios.get('http://127.0.0.1:8000/api/v1/monitor/get').then(res => { if(res.data.code === 200){ this.tableData = res.data.data }else{ this.$message({ message: '服务器连接失败', type: 'warning' }); this.tableData = [] } }) },
这段代码使用了axios库来发送GET请求到指定的API接口地址,从而获取课程数据并将其赋值给tableData变量。如果响应返回的状态码为200,则说明请求成功,将响应数据中的data字段赋值给tableData变量;如果响应返回的状态码不为200,则意味着服务器连接失败,此时会弹出一个警告框提示用户,并将tableData变量设置为空数组。
阅读全文