首页 > 其他 > 详细

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

时间:2020-05-20 18:32:31      阅读:45      评论:0      收藏:0      [点我收藏+]

背景:技术分享图片

 

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

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

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

技术分享图片

 

 技术分享图片

 

 

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

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

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

这个组件非常实用

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

原文:https://www.cnblogs.com/MDGE/p/12924707.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!