繁体   English   中英

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

v-text-field Not added on v-data-table

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在尝试添加一个 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" }
      ]
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>
3 Vuetify 如何添加
到 v-text-field 错误消息

我想显示新行​​,我使用标签但不起作用。 最初的想法是新建一个组件,然后自定义error-messages到div,但是太麻烦了,所以来问问有没有简单的方法 Vue.use(Vuetify); var vm = new Vue({ el: "#app", methods: { }, ...

5 如何保留多行格式

我使用v-text-field来收集用户的冗长描述。 该描述有换行符,但是当查看包含描述的Vue数据元素时,我看到它是仅包含内容的字符串-分隔符消失了。 有没有办法将新行保留在Vue数据元素中? ...

6 vuefity 翻译 v-text-field 标签

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

7 Vuetify 右侧的 v-text-field 标签

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

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

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

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM