我正在尝试添加一个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" }
      ]

#1楼 票数:0

我可能会对此感兴趣的人解决了---> 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>

  ask by francisco gabriel cruz puello translate from so

未解决问题?本站智能推荐:

1回复

将“v-text-field header”添加到“v-data-table”标题以进行基于列的搜索

目标: 我打算将自定义搜索添加到我的v-data-table ,该v-data-table以每列为基础进行过滤。 例如,如果我有桌子 我想在Name和Age标题中添加一个v-text-field以启用对这两列的自定义过滤。 当前设置: 这可以通过向v-data-table添加一个模板来轻松
2回复

Vuetify 右侧的 v-text-field 标签

v-input-text 的标签在右边。 我想把它放在左边而不使用 css,这实际上应该是默认的。 从文档中我可以看到左侧是默认的。 我已经尝试了 Vuetify 文档的几个示例,所有这些示例都给了我相同的结果。 代码是从文档中复制/粘贴的。 在我看来,如此简单的事情不应该成为问题。 我已经为此
2回复

vuefity 翻译 v-text-field 标签

我需要翻译 vuetify 文本字段( v-text-field )的标签(和占位符)。 代码看起来像这样 在第一种情况下(也尝试使用自动完成),标签正好是( $t('common.nameLabel')作为字符串)。 所以它似乎不能作为函数处理。 是否可以通过这种方式翻译所有标签?
1回复

在 v-text-field 上永久显示颜色

我想使用文本文本字段的颜色来显示其当前状态,但是 v-text-field 仅在聚焦时才显示颜色。 有没有办法永久显示它? 提前致谢。 我想要这样: 但它是这样的: 我曾尝试使用 css,但似乎我只能更改标签和输入槽:
1回复

vuetify中的“透明”v-text-field?

我需要创建没有背景、边框或阴影的v-text-field ,这可能吗? 文档仅指定以下类型: 但它们都不适合我的需求。 实现这一目标的最简单方法是什么? 我试过这个,但它没有删除背景(在黑暗模式下)。
1回复

动态隐藏 v-text-field

我是 Vue 和 Vuetify 的新手,所以对我很陌生。 我正在 Vuetify 中使用滑块 - 请参阅此处获取 CodePen: https ://codepen.io/parseltongue/pen/Pobzpez 我试图在滑块前后都有文本,所以我使用了v-text像这样: 但是,滑
1回复

v-text-field 中的中心标签

你好,我尝试了不同的解决方案来将标签居中放置在我的 v-text-field 中,不幸的是它们都不起作用。 请找到以下代码: html代码 <v-text-field dark class="centered-input" label="your code"></v-text-
1回复

在项目上添加额外的字段

我的medications对象如下: 我想在此对象列表中添加另一个字段residentName或者有什么方法可以在v-data-table显示“residentName” v-data-table 我使用 `v-data-table> 作为: 现在我想根据residentName字