基本使用组件通过slots预留位置。使用组件时,可以传递具体的内容来替换插槽所占的地方。那就是插槽。比如现在定义了一个组件:
我们定义了三个槽,其中两个叫做index1和index2,第三个没有定义名字,默认名字是default,所以我们在使用的时候需要这样使用:
需要注意的是,v-slot只能添加在上(但“scopeslot”在这种情况下除外)。Scopeslot有时我们希望使用组件让slot内容访问子组件中的数据,可以通过slotprop的特性来实现:

基本使用组件通过slots预留位置。使用组件时,可以传递具体的内容来替换插槽所占的地方。那就是插槽。比如现在定义了一个组件:component给槽一个默认值有时候,我们可能希望槽有自己的默认值,当没有数据传递给组件时,使用默认数据。实现这个功能很简单,直接在slot中添加默认值即可,例如:使用时可以传也可以不传数据:没有传数据时的默认值这是传入的数据我们看到,第一个选择默认数据,第二个使用传入的数据。提醒:父模板中的所有内容都在父作用域中编译,子模板中的所有内容都在子作用域中编译。有时,命名插槽可能有多个插槽。为了对应,传递时可以给slot命名并匹配:
我们定义了三个槽,其中两个叫做index1和index2,第三个没有定义名字,默认名字是default,所以我们在使用的时候需要这样使用:
需要注意的是,v-slot只能添加在上(但“scopeslot”在这种情况下除外)。Scopeslot有时我们希望使用组件让slot内容访问子组件中的数据,可以通过slotprop的特性来实现:使用的时候需要接收:Datafromsubcomponents/template>
最新推荐
猜你喜欢