problem description
vue uses elementui table to fold inside, some have second-level, some do not have second-level, how to control the display of the triangle on the right
the environmental background of the problems and what methods you have tried
1,: type= "variable? "expand":""" this becomes a fixed value. There is no way to control
2, look for $(" td.el-table__expand-column"). Css ("display","none") and find no element
related codes
/ / Please paste the code text below (do not replace the code with pictures)
<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;iPP){
if(_that.tableData5[i].childMessageTypeUserRnVos.length==0){
$("td.el-table__expand-column").css("display","none")
console.log($(".el-icon-arrow-right").length)
}else{
}
}
}
})
}
what result do you expect? What is the error message actually seen?
