自学内容网 自学内容网

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)!