ElementUI:如何在<el-table>中遍历数据库中的数据

Question

<template>
<div>
  <el-table
    ref="multipleTable"
    :data="users">

    <el-table-column
      prop="id"
      label="编号">
    </el-table-column>

    <el-table-column
      prop="name"
      label="姓名">
    </el-table-column>
  </el-table>
</div>
</template>

<script>
export default {
    data() {
        return{
            users:[],
        }
     },
    methods: {
        findAll(){
            this.$http.get('http://localhost:8989/vue/user/findAll').then((res)=>{
                this.users = res.data.result
            })
        },
    created(){
        this.findAll()
    },
}
</script>

以上是我的代码，数据库中有个拥有id和name属性的user表，findAll()方法是调用接口获取数据。
我不知道该怎么使用v-for来遍历user表中的数据并在网页上渲染出来。

Answer 1

你利用组件了，不需要v-for遍历了，你看看是不是数据是空的，或者请求数据格式错了