1.匿名插槽
<template>
<view>
<slot></slot>
</view>
</template>
<xxx-scroll>
<template>
11111111
</template>
</xxx-scroll>
2.具名插槽
<template>
<view>
<slot name="footer"></slot>
</view>
</template>
<xxx-scroll>
<template #footer>
555555555555
</template>
</xxx-scroll>
3.作用域插槽
<template>
<view>
<slot name="userData" :user="user" :phone="phone">
</view>
</template>
<script>
export default {
data(){
return{
user:{
lastName: 'jjj'
},
phone:'1377787778'
}
}
}
</script>
<xxx-scroll>
<template #userData="{user,phone}">
{{user.lastName}}
{{phone}}
</template>
</xxx-scroll>