Vuetify v-data-table 扩展项，只扩展某些项

问题描述

我有一个 vuetify v-data-table，当前每个项目上都有可扩展的图标。它工作正常，但我有兴趣只在项目的特定条件为真的行上使用图标，我似乎无法弄清楚如何去做。

我有：

<v-data-table
    ref="table"
    :headers="headers"
    :items="events"
    :search="search"
    loading="false"
    :single-expand="true"
    show-expand
    item-key="uuid"
    :expanded.sync="expanded"
    class="elevation-1"
>

  <template v-slot:expanded-item="{ headers,item }" >
      <slot v-if="item.showTxnID">
        <td :colspan="headers.length/2" >
          <v-layout justify-center>
            <v-btn class="primary--text" @click="searchTxn(item.txnID)" ref="txnIDText">Search txn: <strong>{{item.txnID}}</strong></v-btn>
          </v-layout>
        </td>
      </slot>
  </template>
</v-data-table>

我感兴趣的条件是：item.showTxnID 为真。我已经在插槽上进行了这项工作，但如果这些行的展开项下拉菜单根本没有显示，那就太好了。

当我将这个条件添加到上面的标签时，事件表加载失败并且失败并显示以下错误：

非常感谢任何帮助，谢谢！

罗布

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）