Vue的条件过滤插件怎么自定义slot？看不懂这个插件啊

Question

github地址：https://github.com/obadakhali...

demo代码如下

<vue-visual-filter
    :filtering-options="filteringOptions"
    @filter-update="captureFilterUpdate"
  >
  
  <template #groupTypes="{ groupTypes, group }">
      <a-select v-model="groupType" size="small">
        <a-option
          v-for="type in groupTypes"
          :key="type"
          :value="type"
        ></a-option>
      </a-select>
    </template>
    
  </vue-visual-filter>

我在data里设置了

groupType:0,
     groupTypes:[
        消费行为','基础信息'
     ]

根本没用啊
template #是啥意思呢？
怎么才能自定义插槽内容啊？求教

Answer 1

template #groupTypes 是具名插槽的缩写。
#groupTypes="{ groupTypes, group }" 表示groupTypes插槽对外开放slot props，并解构为"{ groupTypes, group }"。

groupTypes和 group这两个值并不是你组件中定义的，而是vue-visual-filter开放给你用的