methods: selectedHighlight ({ row, r..._element-ui highlight-se">
当前位置:   article > 正文

element-ui的table表格勾选高亮当前行(亲测有效,拿过来直接用)_element-ui highlight-selection-row

element-ui highlight-selection-row

效果如图: 

html: 

  1. <el-table
  2. class="box"
  3. :data="tableData"
  4. :height="height"
  5. tooltip-effect="dark"
  6. :row-style="selectedHighlight"
  7. @selection-change="handDrawer"
  8. >

 methods:

  1. selectedHighlight ({ row, rowIndex }) {
  2. if (this.selectRow.includes(rowIndex)) {
  3. return {
  4. 'background-color': '#15499A'
  5. }
  6. }
  7. },
  8. // 获取勾中表单
  9. handDrawer (val) {
  10. this.buttonList = val
  11. },

 watch:

  1. watch: {
  2. buttonList (data) {
  3. this.selectRow = []
  4. if (data.length > 0) {
  5. data.forEach((item, index) => {
  6. this.selectRow.push(this.tableData.indexOf(item))
  7. })
  8. }
  9. }
  10. },

亲测有效!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/114545
推荐阅读
相关标签
  

闽ICP备14008679号