小编EMA*_*ade的帖子

vuetify v-data-table 不显示嵌套对象数据

我有使用 vuetify 的 v-datatable 我想显示嵌套数据,但不幸的是我无法获取嵌套对象值,这是我的代码

<template slot="items" slot-scope="props">
          <tr @click="rowClick(props.item.name)">
            <td
              class="text-xs-right"
            >{{ props.item.firstName + props.item.middleName + props.item.lastName}}</td>
            <td class="text-xs-right">{{ props.item.gender }}</td>
            <td class="text-xs-right">{{ props.item.dateOfBirth }}</td>
            <td class="text-xs-right">{{ props.item }}</td>
          </tr>
        </template>
Run Code Online (Sandbox Code Playgroud)

这是标题

  headers: [
    {
      text: "MCN",
      align: "left",
      sortable: false,
      value: "medicalRecordNumber",
      width: "16%"
    },
    { text: "Full Name", value: "fullName", width: "16%" },
    { text: "Gender", value: "gender", width: "16%" },
    { text: "Date Of Birth", value: "dateOfBirth", width: "16%" },
    { text: "Phone Number", value: "address", …
Run Code Online (Sandbox Code Playgroud)

javascript laravel vue.js vuetify.js

1
推荐指数
1
解决办法
4296
查看次数

标签 统计

javascript ×1

laravel ×1

vue.js ×1

vuetify.js ×1