CoreUI 表读取对象内部的对象答案

【问题标题】：CoreUI Table read Object inside an ObjectCoreUI 表读取对象内部的对象
【发布时间】：2020-11-29 21:18:24
【问题描述】：

我正在学习 Vuejs 并有一个实现 CoreUI 的教程，我遇到了一些挑战，希望任何人都可以帮助我。谢谢

username: "admin"
email: "admin@gmail.com"
password: "$2a$10$gGKRtHqQHhdknGoHzt5II.ERWZS.ziPTNYEJ8N5Z.xTUY/PuxYNJC"
role: {
     id: 1
     name: "ADMIN"
}

这是我的 JSON 对象。我可以知道如何访问 role.name 并将其显示在 CoreUI TABLE 中吗？这是我的表格字段代码（但不起作用）

{ key: 'email', _style:'min-width: 50px', label: 'Email' },
            { key: 'password', _style: 'min-width:10px', label: 'Password'},
            { key: 'role.name', _style:'min-width:100px;', label: 'Role', filter: false, sorter: false },

【问题讨论】：

标签： vue.js frontend core-ui

【解决方案1】：

在将项目传递给 CDataTable 之前，您需要将项目计算为平面结构

在更新的 url 上有描述：https://coreui.io/vue/docs/3.2/components/table.html#custom-data-structures-and-filtering-sorting（自定义数据结构和过滤/排序部分）

【讨论】：