<!-- fab-paging -->
<template>
<view class="fab-paging">
<template v-for="row in list" :key="row.id">
<slot :row="row"></slot>
</template>
</view>
</template>
<script lang="ts" setup>
type Props = Array<{
id: number,
title: string
}>
const list = ref([
{
id: 1,
title: '标题内容1'
},
{
id: 2,
title: '标题内容2'
},
{
id: 3,
title: '标题内容3'
},
])
</script>
<!-- 使用组件 -->
<template>
<fab-paging v-slot="{row}">
<view class="item">标题:{{row.title}}</view>
</fab-paging>
</template>
5 个回复
jkbody
我也是有这个问题,是插槽传参了以后就会包裹一层,传参就没有问题
3***@qq.com
我测试出来的 结果是
Vue3 中 使用 作用域插槽 ,
就会 在
有没有 解决办法啊?
clai
多出的
view
就是那个template
scopedSlotsCompiler 配置为:augmented 试一下
相关文档:https://uniapp.dcloud.net.cn/collocation/manifest.html#mp-weixin
3***@qq.com
vue3 + vite, scopedSlotsCompiler 这个配置是 vue2 的
2023-10-09 13:29
佚名9527
亲测没用
2024-06-07 13:10
2***@qq.com
直接把template当成一个view,修改template样式就行
2024-10-15 12:50
hardk
顶一顶
h***@gmail.com
至今还没有修复。slot=default时 携带参数了还会造成默认插入节点写法不显示。太坑了