Vue Cant从数据表内部的axios渲染数据

问题描述

我正在尝试从axios获取数据，然后将其呈现在datable组件中 您如何查看每次都呈现的硬编码数据，但是我无法通过axios调用实现数据， 我正在从axios加载相同格式的数据，然后尝试更新我的硬盘行，但是什么也没发生，我不敢保证我做对了 可以寻求帮助

<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',{
          label: 'RSSi',field: 'RSSi',{
          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',{
          account: 'Ashton Cox',bt_mac: 'unior Technical Author',RSSi: 'San Francisco',time_stamp: '2009/01/12',]
    
        
  
  }
   }
},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>

解决方法

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