点击table表格
表格变成输入框
在输入框中输入数字，然后数字按照金额不同填入到对应的table格子中
希望有大神帮帮忙！
记账凭证功能：点击table表格，变成input输入框，输入数字之后，再填入对应的table格子中
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
will_zhanShmily 2021-07-07 17:03关注这个就要用js了。点击表格，动态添加一个input，然后可以在里面填写对应的值，再点击其它地方，input隐藏，获取对应input的val ，然后判断值的位数，分别填充到对应的位置即可。
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2024-08-15 16:36tiandaochouqin_1的博客 功能快捷键 撤销：Ctrl/Command + Z 重做：Ctrl/Command + Y 加粗：Ctrl/Command + B 斜体：Ctrl/Command + I 标题：Ctrl/Command + Shift + H 无序列表：Ctrl/Command + Shift + U 有序列表：Ctrl/Command + Shift ...
- 2021-11-11 11:32的博客 给某一列增加输入框，通过v-if控制输入框的显隐 <el-table-column prop="sl" label="数量" align="center"> <template slot-scope="scope"> <el-input v-if="(scope.row.
- 2024-12-21 23:34
vue2 - 实现elementUI表格组件table动态添加或删除行功能，表格列表动态新增/插入/删除表格行，可编辑单元格/点击修改表格内数据并更新数据列表（支持接口懒加载、表格分页、复杂嵌套表格）饭桶兔子的博客 vue2，element-ui，表格Table组件，el-table，动态表格，实现表格动态增加/删除/编辑表格行，带有校验规则，自定义表格增删改查，动态表格动态数据新增修改删除，表格可编辑单元格自定义数据化结构新增删除取消，... - wocwin的博客 vue+ElementUI el-table表格单元格可编辑功能（输入框、下拉选择（多选）、日期选择等---TTable组件单元格编辑新增规则校验） 3、demo地址 GitHub源码地址 Gitee源码地址 基于ElementUi或Antd再次封装基础组件文档
- 2024-12-22 22:37 vue3 - 实现element plus表格组件table动态添加或删除行功能，表格列表动态新增插入/删除表格行，可编辑单元格/点击修改表格内数据并更新数据列表（可接口懒加载、表格分页、复杂嵌套表格饭桶兔子的博客 vue3，element-plus，表格Table组件，el-table，动态表格，实现表格动态增加/删除/编辑表格行，带有校验规则，自定义表格增删改查，动态表格动态数据新增修改删除，vue3+Element Plus动态生成表格，并实现内容可编辑...
- 2025-06-23 16:26涔溪的博客 本文介绍了在Element UI的el-table中实现键盘方向键导航功能的方法，适用于Vue2和Vue3版本。功能包括使用上下左右键在可编辑单元格间移动焦点，并自动定位到对应单元格。Vue2方案通过修改表格结构、添加键盘事件监听...
- 2024-12-30 11:21鳖动我代码的博客 el-table嵌套的输入框添加必填校验，利用el-form自带的校验规则
- 2024-11-09 11:06IT刘大华的博客 最近需求越来越离谱，加班越来越严重，干活的牛马也越来越卑微。写了一个可编辑表格，并已封装好组件，可直接使用。
- 没有腹肌的程序猿的博客 使用JS动态生成Table表格、input框、button按钮 通过input框、button按钮实现查询。 将查询后的结果动态填写在table里面。 实现的效果 通过点击测试按钮生成下面的表格和其他组件 需求实现 1.先在页面定义一...
- 2024-01-15 17:59 vue3 - element plus表格内实现行内直接编辑输入框、单选/多选框、复选框等数据并且自动更新，在表格组件每行里嵌套可直接修改编辑的输入框，失去焦点时自动更新数据（提供源码，一键复制即用）饭桶兔子的博客 单元格里嵌套输入框怎么编辑，嵌套选择器如何修改后更新表格，table表格行内插入的Input输入框/select选择器怎么点击修改更新，ElementPlus编辑表格数据(指定行变为input)，点击表格数值后出现编辑样式，点击后出现...
- 没有解决我的问题, 去提问
问题事件
系统已结题
4月28日
已采纳回答
4月20日