后台 传递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>

 

Logo

前往低代码交流专区

更多推荐