删除elementui表格中的数据引发的问题（文本展示信息变成了输入框）

最新推荐文章于 2022-10-11 10:10:53 发布
最新推荐文章于 2022-10-11 10:10:53 发布
阅读量170 收藏
点赞数
分类专栏： elementui后台管理系统 js 文章标签： elementui 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rong0914/article/details/118756097
版权

1.需求：点击上传电子发票按钮，电子发票明细中就会新增数据，发票号码和发票代码如果识别成功就展示文本信息，失败则变成输入框。
2.如果我删除了vue.png那条数据，第一条已经识别成功的数据，发票代码和发票号码就变成了输入框。我就没截图了。这种情况就是table少了行的key值导致的。如代码中添加row-key后就解决了,key值是随便取得名字
在这里插入图片描述
在这里插入图片描述

陌上红尘三千—前端
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue中删除选定列表中的记录
xiaoxiao1777的博客
05-04 1465
应用场景1： 删除列表中选中的记录 交互操作： 1.全部勾选或者取消全部勾选 这个函数的目的或者要做的时：改变列表数据数组中每一项的勾选标记属性，它取决于用户的操作，是否勾选上，传入才能决定，所以需要一个形参变量 selectAllUsers(isCheck){ this.users.forEach(user=>user.isCheck = isCheck) } for...
Ajax实现表格中信息不刷新页面进行更新数据
10-17
总结来说，Ajax实现表格中信息不刷新页面进行更新数据的核心步骤包括： 1. 监听单元格点击事件。 2. 当用户点击单元格时，显示一个输入框供用户编辑。 3. 用户按下回车键后，发起Ajax请求，将新数据发送到服务器。 4...
vue + element-ui 删除表格数据可能引起的bug
qq_39196099的博客
01-07 531
开发环境 vue + element-ui 问题描述 当我们用到table表格组件功能的时候，通常会采用后端分页（默认了解后端分页），在做批量删除或者单行删除时候，如果我们在最后一页删除当前页的全部数据，删除成功后，会继续刷新页面，重新获取当前页的数据，这时候获取到数据会为空，可是我们是有数据的呀，只是当前页没有数据，因为删除成功后，数据总条数变少了，前端根据返回的total数据计算页码，页数也减1了，这时候出现没有当前页码的bug，而且当前页没有数据 解决思路 获取数据列表时候，根据返回的数据列表长度进行
vue+elementUI el-table 点击表格的某一单元格变成输入框el-input
DcTbnk的博客
04-25 6278
方法一 添加两个方法@cell-click="tabClick" :row-class-name="tableRowClassName" 点击具体的单元格通过v-if="scope.row.index === tabClickIndex"判断 <el-table class="table" :data="dataList" @cell-click="tabClick" :row-class-name="tableRowClassName" :cell-class-name="tableCellClas
结构化网格与非结构化网格 学习记录
weixin_62592231的博客
10-11 4565
从总体上来说，数值仿真计算中采用的网格可以大致分为结构化网格和非结构化网格两大类。 本篇博客简单记录学习结构化网格与非结构化网格的定义及优缺点
将文本输入框内容加入表中的js代码
10-26
将文本内容添加到表格中在实际应用中很常见，下面为大家简要介绍下具体的实现过程，感兴趣的朋友可以参考下
vue input输入框关键字筛选检索列表数据展示
12-29
想必大家在项目开发中难免会用到关键字筛选的功能，正好这次项目有需求要做这一块，就整理一下vue的input输入框输入关键字检索数据列表的代码。下面直接上代码： html： <!-- 筛选demo --> <input ...
Vue ElementUI实现:限制输入框只能输入正整数的问题
10-15
在Vue ElementUI框架中，有时我们需要对用户输入进行限制，例如仅允许输入正整数。以下将详细介绍如何实现这一功能。 ### 方法一：利用禁止按键的方法 这种方法通过监听`keyup`事件来阻止用户输入减号 `-` 和...
Vue结合Element-UI实现单元格编辑、删除等操作
学习和工作总结，共勉！
03-20 9717
Element-ui的表格 链接地址：http://element-cn.eleme.io/#/zh-CN/component/table 操作一： 删除 在 组件中添加 @selection-change=“handleSelectionChange” 事件，并在el-table-column组件中添加类型为selection <div> <el-button ...
表格中的数据删除。vue+element-ui
qq_42809973的博客
10-22 2409
以上便是我表格中删除数据写的东西.先记下来，嘿嘿
解决element-ui中，在表单中修改数据，表格的数据也跟着修改的问题
有问题可关注公众号：前端研究院 后台输入问题回复
03-24 935
问题：在表单中修改数据，经常遇到表格的数据也跟着修改的问题，并且不管是不是按确定或取消按钮，表格的数据还是被修改了。 -部分代码如下： editRow(row: any): void { this.currentInfo = row; this.dialogVisible = true; this.title = '更新信息'; } -问题原因： this.currentInfo = row; 这段代码中，row是Object对象类型，如果直接赋值的话，就变成了.
element组件清除输入框数据失败
fly_wugui的博客
09-06 3916
在vue项目中使用element组件el-form 需要清空输入框内容 在使用组件上 this.$refs.自定义的ref名称.resetFields() 时 如果清除数据失败，请检查el-form-item 标签上是否添加了prop 属性和绑定的from属性 ； ...
element表格中的数据处理
unimpossibles的博客
04-17 1404
我们请求到的数据经常不是我们想要显示的最终结果，例如：我们想要显示的是XX年XX月XX日，但是返回的数据却是一串数字代替，或者我们想要显示“开“”关”，但是返回却是0,1。这种情况我们就需要对数据经行处理。用到表格的数据转换 formatter属性。 <el-table-column label="开关状态" prop="data.tatus" :formatter=FunctionTatu...
vue删除一个数组元素后影响了另一个数组
hy3528的博客
09-11 794
出现此问题的原因就是两个数组来源于同一个对象的指针引用，所以在对其中一个数组进行操作的时候，才会影响到另一个同源的数组 解决办法很简单，只要深拷贝一下 就可以消除 同源的影响 this.data= JSON.parse(JSON.stringify(res.data.obj)); ...
vue+elementUI中table 数据内容变化但视图不更新解决
oMangGuoBuDing1的专栏
05-20 1702
下面时根据后台回来的响应值 更新列表内容的方法，也是常用的更新列表数据的场景，之后用到可参考 methods: { send(rowIndex, val) { const p = { index: this.index, param: val.param } send(p).then(res => { console.log('res.data', res.data) 修改数据值 const rowData =.
el-table设置清空报错_this.$refs.multipleTable.clearSelection is not a function
C_TopTopTop的博客
04-09 9345
_this.$nextTick(() => { this.$refs.multipleTable.clearSelection () }) 使用文档中的清除多选框的勾选报错 看报错信息是this.$refs.multipleTable.clearSelection 这个东西不存在或者有错误，所以我决定把this.$refs.multipleTable打印出来看看是什么东西 由于我的代码是手风琴套手风琴套多选表格，所以数据格式形成了数组格式，多个表格，所以我就对this.$refs.multi
Vue——解决删除或编辑表格中某条数据，表格不更新问题
老简单题
03-03 2240
问题：当删除或更新表格中的某条数据后，前端发送请求后，表格数据并不会实时更新，如何解决？ 解决方案：对表格显示的数据进行再次请求，只要表格的数据发生变化，表格的数据就会更新。 ...
elementui表格里加输入框
最新发布
10-25
在ElementUI表格中添加输入框可以通过在el-table-column中使用el-input组件来实现。可以在template中使用slot-scope来获取当前行和列的数据，然后将el-input的v-model绑定到对应的数据上。例如，可以像下面这样添加...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值