当前位置: 首页 > 知识库问答 >
问题:

前端 - el-table列表里修改行的状态问题?

孙岳
2023-05-18

问题描述

列表数据不是后台接口,而是通过搜索渲染出数据,然后在列表回显,现在的操作是修改了列表的状态,提交了是调接口,页面也已经展示修改成的状态》现在通过筛选后,列表的状态还是修改前的状态,,大佬们 这个弄咧

如图所示
1684393699544.png
比如说样品分析修改成测试1,通过类型去筛选后点击确定,页面是测试1展示,而不是样品分析

共有1个答案

晋俊贤
2023-05-18

好像看明白了:
是因为你进行搜索的原数组里面的数据没有进行更新, 并且也要确定image.png的显示逻辑是否证券

 类似资料:
  • 表格数据转换,后台返回的表格数据状态都是数字,所以前台需要转换一下。 后台返回的状态配置数据: 表格数据 根据状态配置数据使得前台表格展示相应的名称label。 我是怎么处理的呢,我对el-table进行二次分装,然后在处理数据转换 filterVal就是我分装的方法,但是封装的有问题,展示出来的还是数字

  • element-plus+vue3 el-table中的展开行图标如何改到最后一列显示 el-table中的展开行图标如何改到最后一列显示

  • Ant Design Vue 如何修改 a-table 的 header ? 比如我希望可以实现鼠标悬停在某个列名上,可以跳出一个 a-tooltip 来提示一些内容 我知道列值可以通过 <template v-if="column.key === 'clip_source'"> 定制。但是我不知道怎么插槽到列头上? chatgpt 给了我下面的代码,用的是 <template v-slot:cu

  • 在线demo: https://codesandbox.io/s/el-table-he-bing-xing-de-hover-wen-t... 效果1:鼠标悬停在第一行的时候,跟悬停第二行一样,只高亮右侧(或者每一行都高亮合并行) 效果2:鼠标悬停在合并行的时候,触发所有行的高亮

  • 我想创建一个程序,允许用户删除员工与指定的工资单号码。 java(在其名为的包中) 当我输入工资单号码时,我的程序只识别第一个工作人员。任何其他工作人员都不会被‘发现’。我在哪里出了问题?如何从数组中删除特定的工资单号码并向用户请求另一个输入(直到数组为“空”)。

  • 各位大佬,请伸出援手帮小弟看个问题。 问题描述:我在el-tab-pane里使用table组件时,表格数据滚动效果和页脚的工具栏样式都出现了bug,在其他页面使用table组件不会出现这种情况,通过调试工具调了好久调不到理想情况。 index.vue、infoTable.vue table.vue 其他页面显示:正常效果,并且不会被开发者工具遮挡 滚动样式和工具栏样式丢失,调了之后还是没有调到正常