在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue中使用elementui表格里面折疊,有的有二級(jí)有的沒有二級(jí),如何控制右面

vue中使用elementui表格里面折疊,有的有二級(jí)有的沒有二級(jí),如何控制右面的三角的顯示

問題描述

vue中使用elementui表格里面折疊,有的有二級(jí)有的沒有二級(jí),如何控制右面的三角的顯示

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

1、 :type="變量?'expand':''" 這里面的就成了一個(gè)固定的值 沒辦法控制
2、查找 $('td.el-table__expand-column').css('display','none') 找不到元素

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方(請(qǐng)勿用圖片代替代碼)

<el-table-column type="expand"  width="5%">
   <template scope="scope" v-if="scope.row.childMessageTypeUserRnVos.length>0"  class="manage_msg">
       <el-table>
           ................
       </el-table>
   </template>
</el-table-column>

getData:function(){
        var _that = this;
        this.$http.post(Util.url+"/stationMessage/getUserMessageTypes").then(function(res){
            if(res.data.code==100){
                _that.tableData5 = res.data.content
                for(var i = 0;i<_that.tableData5.length;i++){
                    if(_that.tableData5[i].childMessageTypeUserRnVos.length==0){
                         $('td.el-table__expand-column').css('display','none')
                         console.log($('.el-icon-arrow-right').length)
                    }else{
                        
                    }
                }
            }
        })
    }

你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?

圖片描述

回答
編輯回答
怣痛

解決了

1、<el-table
        :row-class-name="getRowClass"
   </el-table>

2、getRowClass:function(row,rowIndex){
        if(row.row.childMessageTypeUserRnVos.length==0){
            return 'row-expand-cover'
        }
    }
3、css
    .row-expand-cover td:last-child .el-icon-arrow-right{visibility: hidden;}      
2018年1月23日 11:32