热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

VuetifyTreeView组件属性详解与应用

篇首语:本文由编程笔记#小编为大家整理,主要介绍了vuetify中treeview部分属性梳理相关的知识,希望对你有一定的参考价值。  1、selectable设置多选框,selected-

篇首语:本文由编程笔记#小编为大家整理,主要介绍了vuetify中treeview部分属性梳理相关的知识,希望对你有一定的参考价值。


技术图片

 

1、selectable设置多选框,selected-color就是选中后多选框的填充颜色

2、activatable就是在我们点击对应模块时模块是否被激活,默认不激活,color设置激活后的背景颜色等

3、父子节点独立与互相关联部分的写法

结构部分:

技术图片

 

 逻辑部分:

技术图片

 

4、open-on-click代表在没有点击箭头位置也可以控制折叠及收起 ,添加该属性即可



5、图标部分设置

       expand-icon="mdi-chevron-down"

            on-icon="mdi-bookmark"

            off-icon="mdi-watch"

            indeterminate-icon="mdi-bookmark-minus"



其中 expand-icon展开图标

           on-icon选中图标

           off-icon未选中时显示图标

           indeterminate-icon不确定时的图标(我没搞懂)-->



 

 


 

推荐阅读
author-avatar
来杯冰柠檬水
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有