el-table鼠标滑过某行，当前行样式（图标）变化

原创

已于 2022-03-14 11:26:27 修改 · 2.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #elementui

于 2021-12-30 09:42:53 首次发布

需求：鼠标滑过某行，当前行的图标变化

效果：

鼠标滑过某行后

P.s.：深拷贝这块内容有待完善

<el-table ref="table" class="table" :data="tableData" border :height="tableHeight"
      :header-cell-style="{
      
      'text-align':'center'}" :cell-style="{
      
      'text-align':'center'}" stripe @cell-mouse-enter="cellMouseEnter" @cell-mouse-leave="cellMouseLeave">
      <el-table-column prop="NO" type="index" label=