v-text-field 未添加到 v-data-table

Question

我正在尝试添加一个 v-text-field，但它不允许我
启用插槽我想知道我错过了我拥有 header 中的所有值

    <v-data-table  v-model="pagos.prestamosPagosDetalleList" :headers="headers" item-key="numeroCuota" show-select :single-select="singleSelect" :items="prestamoDetalle" class="elevation-1">
                   <template slot="items" scope="props">
                    <tr>
                      <td>{{ props.item.numeroCuota }}</td>
                      <td>{{ props.item.montoCuota }}</td>
                      <td>{{ props.item.balanceCuota }}</td>
                      <td>{{ props.item.abono }}</td>
                      <td>{{ props.item.moraCuota }}</td>
                      <td>{{ props.item.interesCuota }}</td>
                      <td>{{ props.item.pendiente }}</td>
                      <td>{{ props.item.total_pagado }}</td>
                      <td>{{ props.item.fechaCuota}}</td>
                      <td><v-text-field v-model="props.item.abono"></v-text-field></td>
                    </tr>
                </template>
    </v-data-table>

 headers: [
        { text: "Numero de Cuota", value: "numeroCuota" },
        { text: "Monto", value: "montoCuota" },
        { text: "Balance", value: "balanceCuota" },
        { text: "Abono", value: "abono" },
        { text: "Mora", value: "moraCuota" },
        { text: "Interes", value: "interesCuota" },
        { text: "Pendiente", value: "pendiente" },
        { text: "Total Pagado", value: "total_pagado" },
        { text: "Fecha Cuota", value: "fechaCuota" }
      ]

Answer 1

它可能关心的人，我用这个解决了它 ---> v-slot:item.abono="{ item }"

 <template v-slot:item.abono="{ item }">
                 <v-text-field type="number" v-model.number="item.abono"></v-text-field>
 </template>