vue项目开发中什么情况下可以用到slot

vue项目开发中什么情况下可以用到slot，下面web建站小编给大家详细介绍一下具体运用方法！

slot一般会在布局组件、表格列、下拉选、弹框显示内容等情况下用到。

默认插槽

<template>
  <slot>
    <p>插槽后备的内容</p>
  </slot>
</template>

具名插槽

<child>
  <template v-slot:default>具名插槽</template>
  <!-- 具名插槽⽤插槽名做参数 -->
  <template v-slot:content>内容...</template>
</child>

作用域插槽

<child> 
  <template v-slot:default="slotProps">
    组件数据：{{slotProps.testProps}}
  </template>
  <template #default="slotProps">
    组件数据：{{slotProps.testProps}}
  </template>
</child>

vuejs中slot有什么用（代码分析）

标签： slot, 作用域插槽, 具名插槽, 默认插槽

上面是“vue项目开发中什么情况下可以用到slot”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_3249.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！