请问一下我这个vue写的数据表格怎么才能实现传数据进去呢 现在有数据接口的地址了 但是不知道怎么使用 须知是这样的

不知道该怎么使用那个数据接口 来弄那个数据 应该怎么写呢

img

img


这个是那个数据接口https://vis.nimte.ac.cn/visitor_nocar 目前上面的数据是我参照element上面先随便写的

用axios请求接口，请求回来的数据赋给table
https://blog.csdn.net/gishys/article/details/80338702


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入vue-->
    <script src="../common/vue.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <!-- 引入axios-->
    <script src="https://unpkg.com/axios@0.27.2/dist/axios.min.js"></script>
</head>

<body>
    <div id="app">
        <!-- prop 对应你要绑定的值 -->
        <el-table :data="tableData" v-loading="vloding" style="width: 100%">
            <el-table-column prop="name" label="姓名" width="180">
            </el-table-column>
        </el-table>
    </div>
    <script>
        var app = new Vue({
            el: '#app',
            data: {
                tableData: [],//表格绑定的数据
                vloding:true,
            },
            created() {
                //请求数据
                axios.get('https://vis.nimte.ac.cn/visitor_nocar')
                    .then(res=>{
                        this.vloding = false;
                        this.tableData = res.data.data;
                    })
            }
        })
    </script>
</body>

</html>