Vue Cant 从数据表中的 axios 渲染数据

Question

我正在尝试从 axios 获取数据，然后将其呈现在数据组件中您如何看到每次都呈现硬编码数据，但我无法实现来自 axios 调用的数据，我正在从 axios 加载相同格式的数据，然后尝试更新我的 hardocded 行但没有任何反应，我不确定我是否以正确的方式做有人可以帮忙吗

<template>
<div>
  <mdb-datatable-2 v-model="data" />
  
</div>
</template>

<script>
import { mdbDatatable2 } from 'mdbvue';
export default {
name: 'Datatable',
components: {
  mdbDatatable2
},
data() {
  return { 
   data: {
      columns: [
        {
          label: 'Account',
          field: 'account',
          sort: true
        },
        {
          label: 'bt_mac',
          field: 'bt_mac',
          sort: true
        },
        {
          label: 'rssi',
          field: 'rssi',
          sort: true
        },
        {
          label: 'time_stamp',
          field: 'time_stamp',
          sort: true
        }
      ],
      rows: [{
          account: 'Tiger Nixon',
          bt_mac: 'System Architect',
          rssi: 'Edinburgh',
          time_stamp: '2011/04/25',
          time: '2011/04/25'
        },
        {
          account: 'Garrett Winters',
          bt_mac: 'Accountant',
          rssi: 'Tokyo',
          time_stamp: '2018/04/25',
          time: '2011/04/25'
        },
        {
          account: 'Ashton Cox',
          bt_mac: 'unior Technical Author',
          rssi: 'San Francisco',
          time_stamp: '2009/01/12',
          time: '2011/04/25'
        },]
    
        
  
  }
   }
},
 methods: {
    getSnomData () {
     this.axios.get('http://172.27.11.174:1818/testJson').then((response) => {
     console.log(this.data);    
    console.log(response.data.rows);  this.rows = response.data;
 
    console.log(this.data);
    return response;
    })
        }
},

created() {

this.getSnomData();
 

} 
,
mounted () {
    this.getSnomData();
}


}
</script>

Answer 1

this.data.rows = response.data.data; 这对我有帮助

Vue Cant 从数据表中的 axios 渲染数据

Vue Cant render data from axios inside datatable

vue.js

axios

vue-reactivity