关于在组件中使用第三方组件插槽的实例,以vue3-treeselect为例

最新推荐文章于 2023-09-06 16:57:21 发布

靐齉齾麤龘龖龗鱻爩

最新推荐文章于 2023-09-06 16:57:21 发布

阅读量1.4k

点赞数

分类专栏： vue3 slot使用文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/z13540112421/article/details/123679084

版权

<treeselect    
    noOptionsText="没有可用数据"
    noChildrenText="没有更多选项了"
    noResultsText="没有匹配到结果"
    retryText="点击重试?"
    :options="options"
    v-bind="$attrs">
    //需要使用template来插值
    <template #before-list>
      <slot name="before-list"></slot>
    </template>
     //需要使用template来插值
    <template v-if="$slots['option-label']" #option-label="slotProps">
      <slot name="option-label" v-bind="slotProps"></slot>
    </template>
     //需要使用template来插值
    <template v-if="$slots['value-label']" #value-label="slotProps">
      <slot name="value-label" v-bind="slotProps"></slot>
    </template>
     //需要使用template来插值
    <template #after-list>
      <slot name=&#