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

背景:

 

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

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

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

 

 

 

 

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

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

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

这个组件非常实用

posted @ 2020-05-20 17:05  国服第一李师师  阅读(221)  评论(1编辑  收藏  举报