Vue 具名插槽

236 阅读1分钟

有时我们需要多个插槽,在不同地方使用,此时可以利用<slot>元素的name属性。

1. 首先在一个 <template> 元素上使用 v-slot 指令,并以 v-slot 的参数的形式命名插槽:

2. 然后在相应的位置引入插槽即可:

注意,v-slot 只能添加在 <template> (只有一种例外情况)