vue3 tree组件slots特性实践
上一小节我们实现了SvgIcon
组件来支持组件开发中用到字体图标的地方,并应用在了tree节点折叠、展开的图标上,本小节我们将其用到tree的插槽内容中,一起来学习基于Vue3 tsx的插槽用法吧~
先看要实现的效果:
要实现的文档部分:
完善vitepress文档
这里判断父节点和叶子节点分别用不同的颜色来填充。
编写带有slots
的tree组件用法示例
完善tree组件
需要在setup
方法参数中注入slots
。
样式调整:
tree样式新增内容:
最后是slots
的用法:
原文地址:https://blog.csdn.net/felix_alone2012/article/details/140639550
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!