利用匿名和具名插槽,写一个左侧搜索的插件

背景:

 

 很多界面都有这个模块所以给他封装了公共组件,这个公共组件的

第一层功能是没有更多搜索功能的

也就是在leftSearch这个公共组件中写一个slot,

 

 

 

 

有更多搜索的功能其实就是需要写v-slot:moreContent,然后传进去foldTitle,我们拿到后定义下这个变量避免子组件改父组件的值,然后自己构建一个对象大概结构为

foldObject:{
        0:'收起更多',
        1:'更多搜索',
        2:''
      },

在leftSearch里面我们需要给一个默认拿到值,我们暂时定位2,那么0就是隐藏leftSearch里面的slot显示的条件

这个组件非常实用

posted @   国服第一李师师  阅读(229)  评论(1编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
点击右上角即可分享
微信分享提示