普歌--前端Vue-cli数组遍历，获取数据

最新推荐文章于 2024-10-09 11:07:55 发布

小逸编码

最新推荐文章于 2024-10-09 11:07:55 发布

阅读量971

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/m0_49500864/article/details/111587827

版权

本文介绍了如何在Vue-cli项目中通过API获取数组型数据，并详细阐述了如何打印及遍历这些嵌套数据，为前端开发中的数据处理提供参考。

摘要由CSDN通过智能技术生成

第一步：
获取接口数据
在这里插入图片描述
第二步打印接口数据（数据为数组的嵌套）

第三步获取数组，遍历数据

created(){
       this.proValue();
    },
     methods: {
      proValue(){
        textApi.getAllUser().then((response) => {
                                      //获取接口内的所有数组里面的数据
            this.tableData = response.data.commDateList;
             console.log(this.tableData);
                                     //对嵌套数组进行遍历
            for(var index=0;index<this.tableData.length;index++){
                         //console.log(this.tableData[index]); 
                        this.Seestime = this.tableData[index].commInfoList;
                        //console.log(this.Sees