<ElTable :data="data.data" style="width: 100%" size="default" max-height="400" :highlight-current-row="true" empty-text="No Data" :stripe="true" tooltip-effect="light"> <ElTableColumn prop="name" label="名字" /> <ElTableColumn prop="birth" label="上传时间" /> <ElTableColumn prop="act" label="操作" :width="160">如何在这里面导入后端数据

在前端页面中，可以通过向后端发送请求获取数据，然后将获取到的数据赋值给 `data.data` 变量，从而在 `<ElTable>` 组件中展示后端数据。下面是修改后的代码示例：

<template>
  <div>
    <ElTable :data="data.data" style="width: 100%" size="default" max-height="400" :highlight-current-row="true"
      empty-text="No Data" :stripe="true" tooltip-effect="light">
      <ElTableColumn prop="name" label="名字" />
      <ElTableColumn prop="birth" label="上传时间" />
      <ElTableColumn prop="act" label="操作" :width="160">
        <!-- 在此处自定义操作列的内容 -->
      </ElTableColumn>
    </ElTable>
  </div>
</template>

<script>
import { mock } from 'mockjs'
import { onMounted, ref, reactive } from 'vue';

export default {
  data() {
    return {
      data: reactive({
        data: [],
        total: 100,
      }),
    };
  },
  mounted() {
    this.getData();
  },
  methods: {
    async getData() {
      // 调用接口查询数据
      // 假设后端返回的数据是一个数组，可以将其赋值给 data.data 变量
      const response = await fetch('your-backend-api-url');
      const responseData = await response.json();
      this.data.data = responseData;
    },
  },
};
</script>

在上面的代码中，我们添加了一个 `mounted` 生命周期钩子，在组件挂载后调用 `getData()` 方法，从后端获取数据并将其赋值给 `data.data` 变量。具体的后端接口请求逻辑需要根据你的实际情况进行开发。在 `<ElTableColumn>` 组件中，你可以根据需要自定义操作列的内容，例如添加按钮或链接等操作元素。