elementUI el-tree 修改无子项的样式
this.$nextTick(() => {
var levelName = document.getElementsByClassName('is-leaf');
for (var i = 0; i < levelName.length; i++) {
// 找到可以加class的div,再判断这个div的div[role='group']有没有项
const greatGranNode = levelName[i].parentNode.parentNode.parentNode,
hasChildren = Array.from(greatGranNode.querySelectorAll("div[role='group']")).findIndex(item => item.childNodes.length > 0) > -1;
if (Array.from(greatGranNode.classList).indexOf('el-tree-node__children') > -1 && !hasChildren) {
greatGranNode.classList.add('is-flex')
}
}
});
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步