如何把控制台上获取的数组渲染到表格中去

问题遇到的现象和发生背景

如何把控制台上获取的数组渲染到表格中去

用代码块功能插入代码，请勿粘贴截图

<view>
<uni-table>
            <uni-tr>
                <uni-th align="center">日期uni-th>
                <uni-th align="center">姓名uni-th>
                <uni-th align="left">地址uni-th>
            uni-tr>
            
            <uni-tr>
                <uni-td>{{name}}uni-td>
                <uni-td>Jesonuni-td>
                <uni-td>北京市海淀区uni-td>
            uni-tr>
        uni-table>
view>
<script>
    export default {
        data() {
            return {
                name: '',
            };
        },
methods: {
            get() {
                const baseUrl = "http://localhost:9666"
                uni.request({
                    url: baseUrl + '/getAllInfo', //仅为示例，并非真实接口地址。
                    method: "GET",
                    success: (res) => {
                        let i = this.length
                        for (let i = 0; i < res.data.data.records.length; i += 1)
                            // console.log(res);
                            console.log(res.data.data.records[i]);
                        // this.name = res.data.data.records[i].account
                    }
                });
            },
        }
    }
script>

运行结果及报错内容

我的解答思路和尝试过的方法

把数组中的account展示在表格中，想着赋值 this.name = res.data.data.records[i].account，但是错误了，又想着是不是该赋值i

我想要达到的结果

数据应该是以遍历的方式 展示在表格中，为了后续能够增删改
图片中1.2.3是account的数据，

循环 uni-td呗