表vue.js和laravel上的json

我试图用vue.js将json的结果显示到表中 我没有结果这是脚本：

    <div class="col-md-6">
        <div class="card">
          <div class="card-header">
            <h4 class="title">Progress Queue's details Live</h4>
          </div>
          <div class="card-content table-responsive table-full-width">
            <el-table :data="tableData2">
              <el-table-column label="Name" property="name"></el-table-column>
              <el-table-column class="danger" label="Numbers"       property="numbers"></el-table-column>
            </el-table>

          </div>
        </div>
      </div>

<script>

  import ChartCard from 'src/components/UIComponents/Cards/ChartCard.vue'
  Vue.use(Table)
  Vue.use(TableColumn)
  const WorldMap = () => ({
    component: import('./../Maps/WorldMap.vue'),
    loading: Loading,
    delay: 200
  })


 import axios from 'axios';
 import Vue from 'vue'
 import {Table, TableColumn} from 'element-ui'
 Vue.use(Table)
 Vue.use(TableColumn)
 // Vue.use(tableRowClassName)

import vSelect from 'vue-select';
//Vue.component('v-select', VueSelect.VueSelect)

  export default {
    components: {
      vSelect,
      StatsCard
    },

    data () {

      return {
     tableData2: [],
},
      mounted() {


    axios.get("/statcard").then(response => {
      this.tableData2.push({

          name: response.data.queue,
          numbers: reponse.data.queue_count


      });
    });
}
    }

---

从

数据中删除
装入的
。
不要多次添加插件。
元素
文档说明，
prop
是正确的，而不是
属性

在你的行缩进上工作

<template>
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h4 class="title">Progress Queue's details Live</h4>
            </div>
            <div class="card-content table-responsive table-full-width">
                <el-table :data="tableData2">
                    <el-table-column label="Name" prop="queue_count"></el-table-column>
                    <el-table-column class="danger" label="Numbers" prop="queue"></el-table-column>
                </el-table>
            </div>
        </div>
    </div>
</template>

<script>
import Vue from 'vue';
import vSelect from 'vue-select';
import axios from 'axios';
import { Table, TableColumn } from 'element-ui';
import ChartCard from 'src/components/UIComponents/Cards/ChartCard.vue';

Vue.use(Table);
Vue.use(TableColumn);

const WorldMap = () => ({
  component: import('./../Maps/WorldMap.vue'),
  loading: Loading,
  delay: 200
});

export default {
  components: {
    vSelect,
    StatsCard
  },

  data() {
    return {
      tableData2: []
    };
  },
  mounted() {
    axios.get('/statcard').then(response => {
      this.tableData2 = response.data.queue_progress;
    });
  }
};
</script>


进度队列的详细信息实时显示
从“Vue”导入Vue；
从“vue select”导入vSelect；
从“axios”导入axios；
从“元素ui”导入{Table，TableColumn}；
从“src/components/UIComponents/Cards/ChartCard.vue”导入ChartCard；
Vue.用法（表）；
Vue.use（表列）；
常量世界地图=（）=>({
组件：导入（'./../Maps/WorldMap.vue'），
加载：加载，
延误：200
});
导出默认值{
组成部分：{
vSelect，
StatsCard
},
数据（）{
返回{
tableData2:[]
};
},
安装的（）{
get（'/statcard'）。然后（响应=>{
this.tableData2=response.data.queue_progress；
});
}
};
如果您编写“我没有收到任何数据”，然后发布JSON响应的内容，这意味着什么？这意味着在视图中表格是空的当我查看konsole（firefox）时，我有以下错误：ReferenceError:response未定义更改response to response。这是一个拼写错误。我已经更新了答案，而您的响应数据只创建了一个数组条目。也许你以后会重复一遍。嗨，菲尔，我仍然有同样的问题。你的控制台输出是什么？
<template>
    <div class="col-md-6">
        <div class="card">
            <div class="card-header">
                <h4 class="title">Progress Queue's details Live</h4>
            </div>
            <div class="card-content table-responsive table-full-width">
                <el-table :data="tableData2">
                    <el-table-column label="Name" prop="queue_count"></el-table-column>
                    <el-table-column class="danger" label="Numbers" prop="queue"></el-table-column>
                </el-table>
            </div>
        </div>
    </div>
</template>

<script>
import Vue from 'vue';
import vSelect from 'vue-select';
import axios from 'axios';
import { Table, TableColumn } from 'element-ui';
import ChartCard from 'src/components/UIComponents/Cards/ChartCard.vue';

Vue.use(Table);
Vue.use(TableColumn);

const WorldMap = () => ({
  component: import('./../Maps/WorldMap.vue'),
  loading: Loading,
  delay: 200
});

export default {
  components: {
    vSelect,
    StatsCard
  },

  data() {
    return {
      tableData2: []
    };
  },
  mounted() {
    axios.get('/statcard').then(response => {
      this.tableData2 = response.data.queue_progress;
    });
  }
};
</script>