一起幫忙解決難題，拯救IT 人的一天 - iT 邦幫忙 - iThome

2024-11-26

投票人數：10人

在Vue 的Component 中還有個好用的東西叫做slot，當開發複雜或巢狀 ...

` ... 在 Vue 的 Component 中還有個好用的東西叫做 slot，當開發複雜或巢狀的 component 時，slot 不僅好用更增加了使用上的彈性。

基本上分為三種 slot附上 fiddle (https://jsfiddle.net/h

<template v-slot:header>我要指定name是header的slot內容</template> <template> ... 自2.6.0 版本之後，slot-scope 的...

<template> <div> <child/>  <template v-slot:slot1> <div>我是父元件傳遞過來的1</d...

slot怎么用. slot的用法可以分为三类，分别是默认插槽、具名插槽和作用域插槽子组件中：.

0, we introduced a new unified syntax (the v-slot directive) for named and scoped slots. It repla...

Vue.component('app-child', { template: ` <div v-if="isShow"> <h1>我是子元件</h1> </div>`, data() { ret...