如何在 vue-good-table 中正确访问和连接数据

Question

我可以知道如何在 vue-good-table 中正确访问和连接我的数据吗？数据未出现在 table 中。

这是我的代码：

<vue-good-table
   :columns="columns"
   :rows="bigDataInformationList"
>

  <template v-slot:rows="data">
    <td>{{data.row.dataLocationSet.dataLocCity}}</td>
    <td>{{data.row.dataProfileSet.dataProfileLastName}}</td>
    <td>{{data.row.dataServicesSet[0].dataService1 ? "Yes" : "No"}}</td>
  </template>
</vue-good-table>

columns: [
{
label: 'Data City Located',
field: 'dataLocCity', -->not appearing in the table :(
},
{
label: 'Data Profile 01',
field: 'dataProfileLastName', -->not appearing in the table :(
},
{
label: 'Data Service 01',
field: 'dataService1', -->not appearing in the table :(
},
],

Answer 1

此处： data.row.dataServicesSet[0].dataService1 ? "Yes" : "No"

你应该使用一个函数来保存逻辑和 return 你想要的参数

getDataService: function (rowObj) {
  if (rowObj.dataServicesSet[0].dataService1) {
    return 'yes'
  } else {
    return 'no
  }
}

并像这样使用它： this.getDataService()

如何在 vue-good-table 中正确访问和连接数据

How to properly access and concatenate data in vue-good-table

javascript

arrays

vue.js

vue-good-table