CoreUI Table 在对象中读取对象

Question

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

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

这是我的JSON对象。我可以知道如何访问 role.name 并在 CoreUI TABLE 中显示它吗？这是我 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 },

Answer 1

您需要将项目计算为平面结构，然后再将它们传递给 CDataTable

在更新后的 url 中进行了描述：https://coreui.io/vue/docs/3.2/components/table.html#custom-data-structures-and-filtering-sorting（自定义数据结构和 filtering/sorting 部分）

CoreUI Table 在对象中读取对象

CoreUI Table read Object inside an Object

frontend

vue.js

core-ui