o***@gmail.com
o***@gmail.com
  • 发布:2024-09-11 16:47
  • 更新:2024-10-29 09:07
  • 阅读:133

【报Bug】编译出的抖音小程序,在元素的点击事件回调中,无法访问slot作用域

分类:uni-app

产品分类: uniapp/小程序/字节跳动

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 12.5 (21G72)

第三方开发者工具版本号: 4.2.9

基础库版本号: 3.0.0

项目创建方式: CLI

CLI版本号: 1.92.2 (Universal)

示例代码:

A.vue 定义一个带插槽的组件

<div>  
 <slot :x="a">  
</div>  
</template>  
<script setup>  
const a = 1;  
</script>

b.vue 使用A组件

<template>  
<A>  
 <template v-slot="slotprops">  
<view @click="()=>{  
//在事件回调方法里访问slotprops,在微信小程序上没问题,在抖音小程序上会导致整个click回调方法不被执行  
console.log(slotprops)  
}">  

</template>  
</A>  
</template>

操作步骤:

A.vue 定义一个带插槽的组件,给插槽传值,在另一个vue文件中引入A组件并使用它。如上代码示例。

预期结果:

编译出的抖音小程序,可以在事件回调中访问插槽作用域

实际结果:

编译出的微信小程序,可以在事件回调中访问插槽作用域;但抖音小程序,不可以。

bug描述:

定义一个带插槽的组件,给插槽传值,在另一个vue文件中引入组件并使用它。如下代码示例。编译出的抖音小程序,在元素的点击事件回调中,无法访问slot作用域,微信小程序是可以的。希望抖音也可以。

2024-09-11 16:47 负责人:无 分享
已邀请:
t***@huozhiye.cn

t***@huozhiye.cn

解决了吗.我也遇到同样的问题

  • o***@gmail.com (作者)

    没呢,只能先换个写法了,通过ref来直接读取A的值或者调方法

    2024-12-12 16:04

要回复问题请先登录注册