本文通过一个Vue实例展示了如何在循环遍历数据后，根据条件改变列表中每个条目的状态，并使用`Vue.set`确保数据响应式更新。代码中使用axios获取数据，并将状态数字转换为对应的文本描述。
废话不多说了，直接上代码吧！
{
{item.status}}{
{countTotal}}
import Vue from 'vue'
import axios from 'axios'
export default {
data(){
return{
tableDataList:[],//定义列表数据信息
}
},
mounted(){
//获取列表数据信息
axios.get('url',{
withCredentials: true
})
.then((res) => {
// console.log(res);
let tableData = res.data.data;
this.tableDataList = tableData.table_list;
})
.catch((error) => {
console.log(error)
})
},
computed:{
//将状态数字转换为对应的文字解释
countTotal() {
for (let i = 0; i < this.tableDataList.length; i++) {
if (thi
最低0.47元/天 解锁文章
3378
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
