Vue接收后台传递List集合

最新推荐文章于 2025-02-20 11:41:03 发布

onedayRen

最新推荐文章于 2025-02-20 11:41:03 发布

阅读量2.4w

点赞数 3

分类专栏： VUE

本文链接：https://blog.youkuaiyun.com/one_dayR/article/details/102505679

版权

VUE 专栏收录该内容

6 篇文章

订阅专栏

后台传递List集合（这是一个工作上测试用的）

让我们看看它返回数据类型，F12查看NetWork，我在返回得地方打了一个debugger，可以看到返回得res中有data，是一个Array，数组得参数也是可以看到得，这时我模拟得一个数据。

Vue写一个相同得数组去接收（开始我写的是filelist:[],好像不好使）其中filelist中的参数和返回list是一一对应的

  data(){
    return{
    title:'',
      idd:'1',
      testArry:[1,3,4,4,5],
    datacontent:'',
      fileList:{
        createTime: '',
        createUser: '',
        fileDesc: '',
        fileFullName: '',
        fileId: '',
        fileMessage: '',
        fileName: '',
        filePath: '',
        fileTime: '',
        fileType: '',
        modifyTime: '',
        modifyUser: '',
        orderNum: '',
        pk: '',
      }
    }
  },

页面遍历数组：

<ul v-for="(item,ind) in fileList" :key="ind">
         <li @click="workdyics(item.pk)">
           <i @click="downloadFile1(item.pk)">{{item.fileName}}</i><span class="newsDate"></span>
         </li>
       </ul>