问答

怎么获取element-ui表格选中行的DOM并进行操作? 类似于this.$ref

作者:admin 2021-07-12 我要评论

问题描述 element-ui渲染的table列表中, 选中会默认增加一个current-row的class样式, 现在需要在这个样式展示1S后移除掉...求大佬指点一下 ### 单选表格才会出现...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

问题描述

element-ui渲染的table列表中, 选中会默认增加一个current-row的class样式, 现在需要在这个样式展示1S后移除掉...求大佬指点一下

###

单选表格才会出现这个class,不明白你要是想去掉为什么还要启用highlight-current-row
如果你对选中项没用了,可以通过1s后调用setCurrentRow来实现

handleCurrentChange(val) {
  this.currentRow = val;
  setTimeout(() => {
    this.$refs.singleTable.setCurrentRow();
  }, 1000);
},  
###

直接覆盖element-ui对应表格的选中样式不行么,比如说加个1s后淡出的动画

###

把增加class的条件去掉,对应的class也就会被移除了

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 怎么获取element-ui表格选中行的DOM并

    怎么获取element-ui表格选中行的DOM并

  • package.json dependencies 中 file:..

    package.json dependencies 中 file:..

  • electron + vue + axios 下网络请求错

    electron + vue + axios 下网络请求错

  • flutter老版本无法使用EventChannel

    flutter老版本无法使用EventChannel

腾讯云代理商
海外云服务器