美文网首页
element表格 ui中table组件高亮当前行( 和chec

element表格 ui中table组件高亮当前行( 和chec

作者: 用技术改变世界 | 来源:发表于2019-05-16 10:22 被阅读0次

类似这样的需求我们vue中传统的做法应该是动态添加class移除class,这里我们

用element表格中的 @selection-change="handleSelectionChange" :row-style="selectedHighlight" 

row-class-name="tableRowClassName"  来实现,代码如下:

data(){

return{

 getIndex:''

      selectRow:[],

      selectData:[]

}}

watch: {

    selectData(data) {     

      this.selectRow = [];     

      if (data.length > 0) { 

        data.forEach((item, index) => {

          this.selectRow.push(this.queryResult.tableData.indexOf(item))

        })

      }

    }

  },

注意:在火狐45.0.2中,

background-color:rgb(250,123,39,0.2),没效果,改为#fee5d4就可以了

相关文章

网友评论

      本文标题:element表格 ui中table组件高亮当前行( 和chec

      本文链接:https://www.haomeiwen.com/subject/lgsbaqtx.html