Vuejs2 类星体框架中的Q表，状态对象数据表不显示

Q-表在类星体框架中，状态对象数据表没有显示，我试过了，但不起作用

任何人，请帮助我。对不起，这门课我还是新手

从“vuex”导入{mapGetters}
导出默认值{
计算：{
…映射器（'dataku'，['dataku']））
},
数据（）{
返回{
栏目：[
{name:'id'，label:'id'，field:'id'，value:'id'}，
{
姓名：'姓名'，
要求：正确，
标签：甜点（100克），
对齐：“左”，
字段：row=>row.name，
格式：val=>`${val}`，
可排序：正确
},
{名称：'carries'，标签：'carries'，字段：'carries'，值：'carries'}，
{name:'fat'，label:'fat（g）'，field:'fat'，value:'fat'}，
{名称：'carbs'，标签：'carbs（g）'，值：'crabs'，字段：'carbs'}，
{名称：'protein'，标签：'protein（g'），值：'protein'，字段：'protein'}，
{name:'action'，label:'action'，value:'action'，field:'action'，align:'center'}
],
}
}
}

//这是vuex

const state = {
      dataku: {
        'iD1' : {
          name: 'Baghoy',
          calories: 19,
          fat: 6.0,
          carbs: 24,
          protein: 4.0
        },
        'iD2' : {
          name: 'Ice cream sandwich',
          calories: 27,
          fat: 9.0,
          carbs: 37,
          protein: 4.3

        },
        'iD3' : {
          name: 'Eclair',
          calories: 22,
          fat: 16.0,
          carbs: 23,
          protein: 6.0
        }
      }
}

const mutation = {

}

const action = {

}

const getters = {
    dataku: (state) => {
        return state.dataku
    }

}

export default {
    namespaced: true,
    state,
    mutation,
    action,
    getters
}

---

您需要更改数据结构。试试这个代码

vuex

因为数据支持预期的数组，所以您已经传递了对象

computed: {
    ...mapGetters(['dataku']),
}



<q-table
  title="Treats"
  :data="dataku"
  :columns="columnss"
  row-key="name"
  key="key"
>
  <template v-slot:body-cell-action="props">
    <q-td :props="props">
      <div>
        <q-td key="action" :props="props">
          <div class="right">
            <q-btn flat scratch align="right" class="center" color="primary" icon="edit/>
            <q-btn flat scratch align="right" color="primary" icon="delete"/>
          </div>
        </q-td>
      </div>
    </q-td>
  </template>
</q-table>

计算：{
…映射器（['dataku']），
}
请帮帮我，我还是新来的欢迎！顶部的解释需要将代码分开并格式化。要了解您的代码是什么并不容易。
computed: {
    ...mapGetters(['dataku']),
}



<q-table
  title="Treats"
  :data="dataku"
  :columns="columnss"
  row-key="name"
  key="key"
>
  <template v-slot:body-cell-action="props">
    <q-td :props="props">
      <div>
        <q-td key="action" :props="props">
          <div class="right">
            <q-btn flat scratch align="right" class="center" color="primary" icon="edit/>
            <q-btn flat scratch align="right" color="primary" icon="delete"/>
          </div>
        </q-td>
      </div>
    </q-td>
  </template>
</q-table>