element ui的数据表格

Question

目前需求。不会vue3。setup的那种。我现在想写一个数据表格。后端的接口穿的是list。数据表格用elemnet plus接受数据的情况下。axios的代码怎么写

Answer 1

<template>
  <div>
    <el-table :data="tableData.list">
      <el-table-column label="ID" property="id"></el-table-column>
      <el-table-column label="Name" property="name"></el-table-column>
      <el-table-column label="Email" property="email"></el-table-column>
    </el-table>
  </div>
</template>
......
setup() {
const tableData = reactive({
            list:[]
        });
axios.get('your-backend-api-url')
      .then(response => {
        tableData.list = response.data;
      })
      .catch(error => {
        console.log(error);
      });
return {
      tableData 
    }
}