子组件中
<slot v-else :name="content" :object="item"/>
父组件中
<ljp-field :list="dataList" @onClick="onClick">
<template v-slot:content="{object}" >{{object}}</template>
</ljp-field>
夜散点炽
- 发布：2024-10-26 19:30
- 更新：2024-10-26 19:30
- 阅读：108
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 家庭中文版 22H2
HBuilderX类型： 正式
HBuilderX版本号： 4.29
第三方开发者工具版本号： Stable 1.06.2401020
基础库版本号： 3.6.3
项目创建方式： HBuilderX
示例代码：
操作步骤：
写一个自定义组件并写有slot标签
<slot v-else :name="content" :object="item"/>
写一个测试页面，引用这个自定义组件，先传值给子组件，再通过子组件插槽传值给父组件。
<ljp-field :list="dataList" @onClick="onClick">
<template v-slot:content="{object}" >{{object}}</template>
</ljp-field>
运行在内置浏览器可以正常显示
运行在微信小程序开发工具上发现无法正常显示
写一个自定义组件并写有slot标签
<slot v-else :name="content" :object="item"/>
写一个测试页面，引用这个自定义组件，先传值给子组件，再通过子组件插槽传值给父组件。
<ljp-field :list="dataList" @onClick="onClick">
<template v-slot:content="{object}" >{{object}}</template>
</ljp-field>
运行在内置浏览器可以正常显示
运行在微信小程序开发工具上发现无法正常显示
预期结果：
可以正常显示在微信开发工具上，应该是可以正常父传子，并可以正常子传父。
可以正常显示在微信开发工具上，应该是可以正常父传子，并可以正常子传父。
实际结果：
微信小程序上无法显示，内置浏览器上可以正常显示
微信小程序上无法显示，内置浏览器上可以正常显示
bug描述：
插槽传值时，发现在微信小程序上无法显示，在h5环境可以正常显示
以下4种写法都试过了，在小程序上均无法显示，在h5环境可以正常显示
v-slot:content="{object}"
v-slot:content="slotProps"
content="{object}"
content="slotProps"
不传值时，以下两种写法，均可正常显示
v-slot:content
