我們有 Vue.js 專案，其中自定義表系結到陣列。它看起來如下：
HTML 代碼的關鍵部分如下所示：
<InfiniteScroll ref="scroller" :disable="finished" @load="onLoad">
<swipeable-table
v-if="waitingList.length"
:headers="headers"
:items="waitingList"
:loading="loading"
custom-width
outerBorder
>
<template slot="rows" slot-scope="{ item: booking }">
<tr>
<td>{{ 0 }}</td>
<td></td>
<td></td>
<td>{{ fullName(booking.user) }}</td>
<td>{{ unitName(booking.search_by) }}</td>
...
</tr>
</template>
</swipeable-table>
...
</InfiniteScroll>
的waitingList是物件的陣列。
JavaScript 代碼部分如下所示：
methods: {
fullName(user) {
return fullName.by(user, null, true)
},
unitName(unit) {
return unit?.name ?? ''
},
...
該表格是可滾動的，即它在開始時顯示 30 個專案，然后在您滾動下一個 30 個專案 (30 30=60) 等等。
物件陣列如下所示：
有什么辦法可以使用一些JavaScript方法來實作嗎？如果不是，我該怎么做？
uj5u.com熱心網友回復：
您可以以與模板中的專案相同的方式添加索引。
<template slot="rows" slot-scope="{ item: booking,index:index }">
<tr>
<td>{{ index }}</td>
<td></td>
<td></td>
<td>{{ fullName(booking.user) }}</td>
<td>{{ unitName(booking.search_by) }}</td>
...
</tr>
</template>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/315937.html
標籤：javascript 数组 Vue.js
上一篇：如果/或字串比較不起作用，為什么這個bash不起作用？
下一篇：C#旋轉陣列遞回（左，右）多次