VUE element el-tree 只叶子节点显示多选框
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
element 非常流行
一直没有搞过前端,无奈项目需要,自己搞!
用到el-tree
要打开多选框只需要在 el-tree 标签 加 show-checkbox 很简单,所有节点都有了多选框。
那么我只需要子节点带多选框,中间节点没有多选框。
网上搜的结果非常一致:
.el-tree-node {
.is-leaf + .el-checkbox .el-checkbox__inner {
display:inline-block;
}
.el-checkbox__input> .el-checkbox__inner {
display:none;
}
}
然而总是没有那么顺利,这是一段CSS代码,需要在style 加上 lang="less" 才可以
<style lang="less">
.el-tree-node {
.is-leaf + .el-checkbox .el-checkbox__inner {
display:inline-block;
}
.el-checkbox__input> .el-checkbox__inner {
display:none;
}
}
</style>
如果加上lang="less"无法运行了,则是因为npm的依赖出了问题。
在package.json中确认 "less": "^3.11.1"
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45
5 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 5 个月前
更多推荐
已为社区贡献6条内容
所有评论(0)