vue循环、vue遍历、vue3循环、vue3遍历

  created: function () {
    var that=this;
    let parse = JSON.parse(this.$route.query.data);
    headersFData.headers.token=parse.data.data.token;
    // eslint-disable-next-line no-unused-vars
    axios.get("http://127.0.0.1:9000/dev/app/tasks", {
      headers:headersFData.headers,
      params: {
        type: "TASK",
        range: "all",
        planStartTimeStart: getStartDate(),
        planStartTimeEnd: getEndDate()
      }
    }, headersFData).then(function (response) {
      that.listData=response.data.data;
      // eslint-disable-next-line no-unused-vars
    }).catch(function (error) {
      console.log(error);
    })
  },

export default {
  name: 'SGRW',
  data(){
    return {
      listData: [],
      data: this.$route.query.data
    }
  },

  <div>施工任务</div>
  <div v-for=" d in listData" :key="d" >
    {{d.name}}
    ---{{d.id}}
    ---{{d.parentName}}
    ---{{d.code}}
    ---{{d.createTime}}
    ---{{d.status}}
    <br>
    -----------------------------------------
  </div>

版本信息