vue element中table某列未刷新，如何解决这个问题？以及解决方案。

已于 2023-06-08 09:32:32 修改
阅读量739 收藏
点赞数
分类专栏： Element Ui 文章标签： vue elementui
于 2021-07-22 23:01:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42888568/article/details/119010932
版权

遇见问题

Vue Element table使用时，某列未刷新。

 <el-table-column prop="statusDesc" min-width="140" label="申请进度" align="center">
          <template slot-scope="scope"></template>
 </el-table-column>![请添加图片描述](https://img-blog.csdnimg.cn/f8e312a59e1343bc95c18d5e69c751d5.png)

在这里插入图片描述

如何解决

只需要加 （ key=“列props值” ）
在这里插入图片描述

 <el-table-column prop="statusDesc" min-width="140" label="申请进度" key="statusDesc" align="center">
          <template slot-scope="scope"></template>
 </el-table-column>
雨幕下的漫步
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue数据更新table内容不更新解决方法
小易不止于搬砖的博客
08-08 5697
2、为table绑定一个key，数据变化时更改key值,或者使用v-if绑定一个不重复的值触发组件渲染。table组件绑定的数据变化时，页面没有重新渲染，常见于子组件中使用table组件。创建实例时 数组在vue中没有被监听到，属于非响应式数据，数组的下标变化无法监听到。1、利用vue中重写的数组方法。3、使用$set()
elementUI中Table表格问题的解决方法
12-12
前言 element ui是一个非常不错的vue的UI框架，element对table进行了封装，简化了vue对表格的渲染。 在开发vue框架项目时，引入element插件，使用table表格组件时，遇到了一些问题，以下列出以供参考。 1.表格样式问题： 混乱样式.png 正常样式.png 如上图，在当前导航表格table样式是没问题的，但当我点击别的导航去到另外的页面，然后再回到之前的导航页面，表格table的样式就会混乱，随便点击当前页面或刷新亦或拉伸页面，样式又恢复正常,很奇怪的样式问题。 打开调试之后，发现table的宽度并没有按照100%来显示，而是根据表格宽度值来计算的（我
el-table表格数据没有刷新
许粤军的博客
09-13 2779
一般遇到这种情况可以试试绑定key： data()里面定义一个randomKey 每次有更改表格数据的地方都记得重新对randomKey赋值，也就是加入这行代码： this.randomKey = Math.random()
elment-ui中el-table刷新
最新发布
qq_36589399的博客
09-26 776
很简单哦，加上这个就OK了。
el-table 改数据源的值但是不刷新
程序员大包包的博客
11-26 1万+
问题：公司项目中使用Vue+elementUI，在使用axios加载数据的时候发现el-table里的数据没有刷新出来 页面代码： <!--绑定数据源--> <el-table :data="form.goods" ...
elementUI模态框点击页面不刷新问题解决
kassiaaaa的博客
07-16 1708
1.属性设置 <oneDiaolog :key="timer_time" ></oneDiaolog> 2.初始化定义： timer_time:'', 3.点击方法定义： openModel(){ this.timer_time = new Date().getTime() // 每次打开模态框传入新的时间戳 ，就会刷新数据了 t...
element-ui 中的table的列隐藏问题解决
12-12
element-ui 中的table和bootstrap中的table的某些设置还是有一定的差别的。之前用bootstrap做的表格，想要实现简短列和详细列的切换。因为详细列实在有太多列了，拉动滚动条还有一段距离。所以希望能够切换到简短列...
解决vue elementUI中table里数字、字母、中文混合排序问题
01-19
使用elementUI中的table时，给包含数字字母中文的名称等字段排序 例如：数字（0->9）->大写字母（A->Z）->小写字母（a->z）->中文拼音（a->z） 2.代码解析 tooltip-effect=dark class=xg-table xss=removed max...
解决vue 表格table列求和的问题
10-16
今天小编就为大家分享一篇解决vue 表格table列求和的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue element-ui中table合计指定列求和实例
01-18
1. <el> 中 加:summary-method=”getSummaries” 2. <el> 中要加 prop // 房间号的合计去掉 getSummaries (param) { const { columns, data } = param const sums = [] columns.forEach((column, index) => { ...
使用element-ui +Vue 解决 table 里包含表单验证的问题
09-16
主要介绍了使用element-ui +Vue 解决 table 里包含表单验证的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
element-ui的el-table局部刷新
热门推荐
qq_46057218的博客
02-25 1万+
介绍：有一个简单的需求，一个表格点击一个单元格的按钮后，按钮变成进度条。 问题：如果只是用一个变量，然后配合v-if使用，一整列都会变成进度条。 想法：把那个变量渲染进去列表的每一行。但是…问题又出现了，值变了，但是表格没有被重新渲染。 重点：this.$set(this.tableData, index, row)，更新表格这一行的值。理解这句代码的意思，后面的可以不看。 随便放点前端代码就很长了，不放又清除概况，简单看看吧。直接看el-progress那个标签的附近的，其他的瞅一下知道大概就好。 &lt
element-ui 表格 修改后, 表格里面的数据不实时更新问题
github_37759996的博客
05-14 3238
element-ui 表格 修改后 表格里面的数据后 页面不实时更新问题 完美解 想要达到的效果：点击"更多"后，"更多"隐藏，删除和补仓显示；（有时间可全部看完，没时间直接看做法6/7） 尝试用的方法：自己用 this.show、在百度上找的方法 set 都没能成功 提示：最下面有代码demo 页面初始化： 目标效果 做法1： 给"更多"绑定一个 v-show=‘show’ 把 this.show 设置为true ，点击"更多"按钮后 在点击事件里面把this.show 设置为false； 结果1： 未成
element表格加入数据后自动刷新
烟溪彭于晏的博客
04-10 1841
在table上加上:key="Math.random()"，但是这种方法需要触发热更新才会刷新数据，比如保存。如果定义成 const goodsList = [ ] 是不会自动刷新的。定义成 const goodsList = ref([ ]) 就行。
element ui表格 局部更新某一行
KangTongShun的博客
06-10 3816
前言 最近遇到了个需求，要求单击通过或者拒绝时隐藏 两个按钮并且显示状态 拒绝或 通过 问题出现 以下是这个状态切换的代码，根据v-if 判断状态是不是审核中，若是的话，就显示按钮，否则显示tag <el-table-column class-name="status-col" label="订单状态" width="140"> <template slot-scope="scope"> <div v-if="scope.row
element实现当前页面/表格刷新方法
nsnydnz的博客
10-17 7628
VUE + element-ui实现当前页面/表格刷新方法 之前在做elementui的项目，一些新增，编辑，删除等操作后，需要刷新当前页面或者表格，看官方文档没找到合适的方法，之前是直接重新再调一遍后台接口进行数据的刷新，今天发现一个不错的方法，来记录一下 文章目录VUE + element-ui实现当前页面/表格刷新方法 App.vue中配置入下 <template> <div id="app"> <router-view v-if="isRouterAliv
vue+elementUI表格某一行修改局部刷新实现
Mark的博客
05-29 5358
使用elementUI表格，想修改某一行数据然后不想全量刷新，只想刷新当前修改的行内容。1.主要是获取下标和行内容：scope.$index,scope.row。
element ui 中table表格刷新、input输入框添加enter触发搜索、连续点击的处理办法
weixin_50249353的博客
08-25 3605
vue 表格刷新 enter查询
element-ui表格更新单行数据
weixin_45121510的博客
07-20 2318
需求：点击更新数据，调用接口把返回的单行的值赋值给当前行。 // 点击更新数据按钮 知识点：
vue element ui table 某列格式化时间
06-09
如果你使用 Vue 和 Element UI 的 Table 组件来显示数据，而你需要格式化其中一列的时间，你可以使用 Element UI 的 Table 组件提供的 `formatter` 属性。 例如，假设你有一个数据数组 `tableData`，其中包含一个 `...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值