vue elementui el-table问题？

有一个子组件中的el-table表格每一行的最后一列有个减号按钮点击这个按钮让这一行隐藏

现在已经实现的是点击一行这行隐藏再点另一行之前隐藏的那行就又显示了现在需要点击一行隐藏一行之前隐藏的也不显示；

之前试过在子组件中或者父组件中过滤但是都改变了原数组而且页面也不会同步刷新，求大佬给我一个解决的方法或者思路谢谢谢谢

写回答
好问题 1 提建议
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
崽崽的谷雨 2021-06-18 10:38
关注
表格数据是父组件穿过来的？思路就是你给原来的数据都加一个show属性默认为false当点击本行加号（点击事件传id），找到对应数据的id的show属性让他变为false

类似这种吗https://codepen.io/guyu521/pen/MWpxrxY?editors=1010

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报
编辑

预览
轻敲空格完成输入
显示为

卡片

标题

链接
评论

按下Enter换行，Ctrl+Enter发表内容
前端——郝先生 2021-06-21 01:09

您好，非常感谢您的详细解答，现在是如果是将这条过滤掉的话，这条数据就没有了调接口入参的数据还要从这个数组中取，目前只是想让这条数据单纯的隐藏

赞

回复

编辑

预览

轻敲空格完成输入
显示为

卡片

标题

链接

回复

按下Enter换行，Ctrl+Enter发表内容
崽崽的谷雨回复前端——郝先生 2021-06-21 01:41

过滤前用一个空数组，先备份一下数据

赞

回复

编辑

预览

轻敲空格完成输入
显示为

卡片

标题

链接

回复

按下Enter换行，Ctrl+Enter发表内容
前端——郝先生回复崽崽的谷雨 2021-06-21 01:46

嗯嗯我看下谢谢了

赞

回复

编辑

预览

轻敲空格完成输入
显示为

卡片

标题

链接

回复

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(1条)

编辑

预览

报告相同问题？

关注问题

前端Vue，el-table如何获取嵌套集合数据 elementui vue.js 前端有问必答
2022-01-23 14:59

回答 4 已采纳 data中直接写 tableData: [], 就行，在html中的每一个el-table-colum中的prop上对应的用返回的数据即可，比如标题 <el-table-column
vue el-table不刷新数据刷新表格，达到控制显示隐藏列的目的？ elementui javascript vue.js
2022-04-11 03:39

回答 2 已采纳 isShowToday在data有没有定义
el-table的校验必填怎么实现 elementui vue.js 前端
2022-05-31 06:16

回答 3 已采纳应该是push之前， this.tempUser没有freightTemplateInfoList这个属性，所以报push错误，建议push之前打印一下 this.tempUser看看
Vue elementUI el-table表格实现高度自适应
2024-01-29 08:13

lanlanlikestudy的博客安装第三方库 npm install element-resize-detector main.js中导入，实现全局注册 import ElementResizeDetectorMaker from "element-resize-detector" Vue.prototype.$erd = ElementResizeDetectorMaker() 在...
el-table使用v-el-table-infinite-scroll怎么能够把表格全屏高度自适应滚动 elementui vue.js 前端
2021-12-15 05:46

回答 1 已采纳 height:100%;不过这个要求父元素的高度就是根据屏幕高度来的height:calc(100vh - xxx - xxx);这里的xxx代表头部的导航等高度，这个是固定的js动态获取屏幕高度-其
vue element-ui列表中el-switch 开关 elementui vue.js 前端
2022-08-10 01:02

回答 2 已采纳这里是什么问题吗？开关值已经绑定了列表字段，这里写的能回显switch值，同时switch的修改也能同步回到表格值字段上
el-table 表格分页获取当前页面页码显示 elementui vue.js 前端
2022-06-07 03:04

回答 2 已采纳这个不就是当前页queryResult.pageInfo.pageIndex
vue+el-table制作岗位排班表
2021-04-13 03:43

vue+el-table制作岗位排班表
el-table的宽度是哪来的，我需要删除掉，变成默认宽度 elementui vue.js 前端
2022-05-25 08:39

回答 1 已采纳这个宽度是框架自己生成的，用important去覆盖它 .el-table__header{ width: 500px!important; }
vue查询数据el-table不更新查询数据 elementui vue.js
2022-08-02 11:51

回答 3 已采纳报错是 data 返回的不对。可能返回的不是数组。或者没返回。 includes得是数组才能调用
怎么做el-table-column没有绑定数据不可提交 elementui vue.js 前端
2022-07-22 03:24

回答 1 已采纳你可以换种思路，比如你可以拿到表格里面的行对象，然后判断你指定的属性，看是否为空。
vue elementui el-table表格点击单元格添加选中样式
2024-04-25 07:28

盐多碧咸。。的博客 vue elementui el-table表格点击单元格添加选中样式
vue 3 element - plus ,el-input 样式怎么改不了？ elementui vue.js
2021-12-11 07:45

回答 3 已采纳 <el-input :input-style="{color: 'rgb(30, 30, 30)'}" ></el-input> 在< style
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
2020-10-17 09:03

总之，理解并熟练掌握Vue的`v-for`指令以及如何与ElementUI的`el-table`组件配合，是构建灵活可扩展的表格的关键。通过动态生成列，可以极大地提高代码的可维护性和复用性。希望这篇文章能对你在开发过程中有所帮助...
vue elementui el-table合并单元格
2022-05-31 03:04

哈哈发财了的博客 elementUI合并单元格
没有解决我的问题, 去提问

vue elementui el-table问题？

2条回答 默认 最新

2条回答默认最新