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

背景:

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

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

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

 

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

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

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

这个组件非常实用

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