vue32、接口getIndexApi 调用接口 给表格数据 data赋值 ts

假设你的接口地址是'/api/getIndexApi'，你可以使用axios库来调用接口并给表格数据data赋值。

首先，安装axios库：

npm install axios

然后，在你的Vue组件中引入axios库：

import axios from 'axios';

接下来，在你的Vue组件中定义data数据：

data() {
  return {
    tableData: [],
  };
},

然后，在created生命周期钩子函数中调用接口并给表格数据赋值：

created() {
  this.getIndexData();
},

methods: {
  getIndexData() {
    axios.get('/api/getIndexApi')
      .then(response => {
        this.tableData = response.data;
      })
      .catch(error => {
        console.log(error);
      });
  },
},

以上代码会在组件创建时调用getIndexData()方法，发送GET请求到接口地址'/api/getIndexApi'，并将接口返回的数据赋值给tableData，如果请求失败则会在控制台输出错误信息。

请注意，上述代码中的接口地址'/api/getIndexApi'是一个示例，请根据实际情况修改为你的接口地址