//子组件
<template>
<view class=" text-red-500">
<slot :age="1"></slot>
</view>
</template>
//父组件调用
<test>
<template v-slot:default="{ age }">
<view>{{ age}}</view>
</template>
</test>
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 11
HBuilderX类型: 正式
HBuilderX版本号: 3.8.11
第三方开发者工具版本号: 1.06.23.6020
基础库版本号: 2.33.0
项目创建方式: HBuilderX
//子组件
<template>
<view class=" text-red-500">
<slot :age="1"></slot>
</view>
</template>
//父组件调用
<test>
<template v-slot:default="{ age }">
<view>{{ age}}</view>
</template>
</test>
<view class=" text-red-500">
<view>1</view>
</view>
<view class=" text-red-500">
<view>
<view>1</view>
</view>
</view>
vue3使用slot传值,编译后会包裹一层view
1 个回复
喜欢技术的前端 - QQ---445849201
h5 和 app模式下是预期结果显示,小程序一直都是实际结果所示的。☺