Element table修改当前行中的某一项数据

电玩女神 2022-09-03 13:15 123阅读 0赞

### 背景：           根据当前设备的检测状态，更新当前行的对应设备状态 ###

## HTML  ##

>  备注：使用插槽设置点击事件  @click="ztjcHandle(scope.row,'ping')"
> 
>     <img src="../../assets/image/sb_ztjc1.png" @click="ztjcHandle(scope.row,'ping')"/>

##  JS ##

>     // 状态检测
>         ztjcHandle(row,state){
>             let data = {devId:row.devId,command:state}
>     
>             devRemoteSend(data).then(res=>{
>               // console.log('状态检测操作 res=',res.data)
>               if(res.data.code==200){
>                 this.$notify({type:'success',message:'设备连接正常！'})
>               }else{
>                 console.log('状态检测失败 res=',res.data)
>                 this.$message.error('设备连接异常');
>               }
>               let rowObj = row;
>               rowObj['onlineStatus'] = res.data.code==200?'1':'0';
>               // 更新当前行数据
>               this.$set(this.sbxxData, row.index, rowObj);
>             })
>         },
> 
> 备注：  
>        ** this.$set（参数1，参数2，参数3）**  
>         **参数1**：列表绑定的数组  
>         **参数2**：当前行的下标  
>         **参数3**：当前行的新数据

发表评论取消回复

表情：

评论列表（有 0 条评论，123人围观）

还没有评论，来说两句吧...

相关阅读

相关改变element中table某一行的字体颜色

最近用vue+element写管理平台的时候，领导要求某一行值大于多少的时候，字体变为红色，费了点功夫解决了，和大家分享一下，嘻嘻～ 1.首先，el-table的标签里要加点

忘是亡心i/ 2023年06月08日 04:51/ 0 赞/ 16 阅读

相关 el-table、pl-table--------实现定位到某一行

\思路：找到表格中class含有.el-table\_\_body-wrapper的元素，改变它的scrollTop let height = parseInt($(

冷不防/ 2023年03月13日 11:53/ 0 赞/ 32 阅读

相关 Element UI Table合并行

Vue使用Element-ui Table 合并行，官方只是一个非常简单的合并例子，通常业务都是以某个字段进行合并。效果图 ![在这里插入图片描述][watermar

￡神魔★判官ぃ/ 2023年01月14日 11:59/ 0 赞/ 154 阅读

相关 Element设置某一行选中

遇到问题请查看 [博客][Link 1] // 基础布局核心参数 ref highlight-current-row <el-table ref="mont

迷南。/ 2022年12月05日 13:49/ 0 赞/ 358 阅读

相关【element-ui】element ui table获取当前行索引

> `前言` (当前页数-1)\每页条数 + scope.$index + 1 (param.curpageno - 1) param.pagesize + sc

ゝ一纸荒年。/ 2022年10月30日 06:26/ 0 赞/ 44 阅读

相关 element-ui 表格第一行或某一行样式

[https://www.codeleading.com/article/85335047511/][https_www.codeleading.com_article_853

谁借莪１个温暖的怀抱￠/ 2022年09月04日 02:57/ 0 赞/ 258 阅读

相关 Element table修改当前行中的某一项数据

背景：根据当前设备的检测状态，更新当前行的对应设备状态 HTML > 备注：使用插槽设置点击事件 @click="ztjcHandle(

电玩女神/ 2022年09月03日 13:15/ 0 赞/ 124 阅读

相关使用element-ui组件el-table时需要修改某一行或列的样式

[https://www.cnblogs.com/belongs-to-qinghua/p/11672605.html][https_www.cnblogs.com_belon

ゝ一世哀愁。/ 2022年08月31日 06:47/ 0 赞/ 210 阅读

相关 layerui 修改table 的某一行属性操作

> layerui 修改table 的某一行属性操作在layerui的官方开发文档中，表格table渲染完后，如何对某一行做操作呢，可以在渲染完后的回调方法做处理，如下图

心已赠人/ 2022年02月26日 15:42/ 0 赞/ 604 阅读

相关 ExtJs3.4.0 DateGrid获取当前行的某项的值

Ext.List.superclass.constructor.call(this, \{ id: 'List', loadMask: true, columns: \[

矫情吗；*/ 2021年09月26日 12:12/ 0 赞/ 210 阅读