yedsn1994
yedsn1994
  • 发布:2020-04-26 21:53
  • 更新:2020-10-14 10:56
  • 阅读:2182

【报Bug】uniapp微信小程序端使用了v-slot之后的问题

分类:uni-app

详细问题描述

uniapp微信小程序端使用了v-slot之后无法获取获取当前页面定义的data和methods

附件

测试bug项目地址:https://github.com/yedsn/uniapp-bug

重现步骤

[步骤]

  1. 比如有一个组件,在slot中携带一个值,组件内容如下
<template>  
    <view>  
        <slot componentValue="我是组件里的值"/>  
    </view>  
</template>
  1. 页面调用这个组件,使用v-slot获取组件携带的值,然后在v-slot里面又想获取当前页面的某个值或方法,页面内容如下
<template>  
    <view>  
        {{pageValue}}  
        <slot-component>  
            <template v-slot="{componentValue}">  
                {{pageValue}}  
                <view>{{componentValue}}</view>  
            </template>  
        </slot-component>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                pageValue: '我是页面的值'  
            }  
        }  
    }  
</script>

[结果]
在H5端,页面的显示效果是这样的:

而在小程序端,页面显示效果却是这样:

就是使用了v-slot之后,v-slot里面就获取不到页面定义的值和方法等

[期望]

希望小程序使用了v-slot,还能跟没有使用v-slot的地方一样,可以获取页面定义的值,调用页面定义的方法

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

HBuilderX

[IDE版本号]

2.6.16.20200424

[windows版本号]

Windows 10 专业版 1909

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

微信小程序

[运行端版本号]

Stable v1.02.2003250

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

HBuilderX创建

[编译模式说明:自定义组件模式?纯nvue模式?v3模式?]

自定义组件模式

联系方式

[邮箱] yedsn@163.com

2020-04-26 21:53 负责人:DCloud_UNI_GSQ 分享
已邀请:
yedsn1994

yedsn1994 (作者)

试过各种方法,filter、wxs、data、methods都不能在定义了v-slot的标签内部访问到

陈大爷

陈大爷

楼主这个问题解决了吗 我也遇到 了

该问题目前已经被锁定, 无法添加新回复