美文网首页
插槽slot

插槽slot

作者: 黄黄黄大帅 | 来源:发表于2020-06-11 18:27 被阅读0次

    在上述情况下,当被提供的内容只有默认插槽时,组件的标签才可以被当作插槽的模板来使用。这样我们就可以把 v-slot 直接用在组件上:

    <current-user v-slot:default="slotProps">
      {{ slotProps.user.firstName }}
    </current-user>
    

    这种写法还可以更简单。就像假定未指明的内容对应默认插槽一样,不带参数的 v-slot 被假定对应默认插槽:

    <current-user v-slot="slotProps">
      {{ slotProps.user.firstName }}
    </current-user>
    

    只要出现多个插槽,请始终为所有的插槽使用完整的基于 <template> 的语法:

    <current-user>
      <template v-slot:default="slotProps">
        {{ slotProps.user.firstName }}
      </template>
    
      <template v-slot:other="otherSlotProps">
        ...
      </template>
    </current-user>
    

    相关文章

      网友评论

          本文标题:插槽slot

          本文链接:https://www.haomeiwen.com/subject/wmcitktx.html