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



我正在尝试添加一个 v 文本字段,但它不允许我
启用我想知道我缺少的插槽 我在标题中有所有值

<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" }
]

对于可能涉及的人,我用这个--->解决了它 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>

相关内容

  • 没有找到相关文章

最新更新