官网提供的如何在vue中使用vant-weapp组件的插槽
这里记录踩过的坑:
坑一(使用template):
<van-calendar :poppable="true" :show="true">
<template #title>
<view>Hello world</view>
</template>
</van-calendar>
坑二(使用view):
<van-calendar :poppable="true" :show="true">
<view slot="title">
<view>Hello world</view>
</view>
</van-calendar>
两次失败之后查了官网提供的写法如下,终于可以了:
<van-calendar :poppable="true" :show="true">
<slot-view name="title">
<view>Hello world</view>
</slot-view>
</van-calendar>
注意这里使用了 slot-view标签元素插入。