_FengQi_
_FengQi_
  • 发布:2021-07-28 11:53
  • 更新:2021-07-28 12:28
  • 阅读:488

【报Bug】循环 匿名插槽 添加事件后 数据渲染不完全

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: window10

HBuilderX类型: 正式

HBuilderX版本号: 3.1.22

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

基础库版本号: 2.18.1

项目创建方式: HBuilderX

示例代码:

同样的代码 在两个不同版本的Hbuilder 3.1.22/3.1.18,
其中22版本错误,18版本正常。

其中关键位置在于 : @click="eTap(item)"

操作步骤:

有实例

预期结果:

有实例

实际结果:

有实例

bug描述:

循环 匿名插槽 添加事件后 数据渲染不完全

index.vue


<template>  
    <view>  
        <template v-for="item in list">  
            <view :key="item" @click="eTap(item)">  
                <text>emm1</text>  
            </view>  
        </template>  
        <view class="line"></view>  
        <comA>  
            <template v-slot:default="{data,keys}">  
                <view @click="eTap(item)">{{data}}</view>  
            </template>  
        </comA>  
        <view class="line"></view>  
        <comA>  
            <template v-slot:default="{data,keys}">  
                <view>{{data}}</view>  
            </template>  
        </comA>  
    </view>  
</template>  

<script>  
    import comA from "./comA/comA.vue";  
    export default {  
        components: {  
            comA  
        },  
        data() {  
            return {  
                list: [  
                    10,11,12,13,14,15,16,17,18  
                ]  
            }  
        },  
        onLoad() {  

        },  
        methods: {  
            eTap(item) {  
                console.info("eTap : ",item);  
            }  
        }  
    }  
</script>  

<style>  
.line{  
    height: 1rpx;  
    width: 100%;  
    background: #007AFF;  
}  
</style>  

comA.vue


<template>  
    <view>  
        <template v-for="(data,key) in list">  
            <view class="com-item" :key="key">  
                <slot :data="data" :keys="key"></slot>  
            </view>  
        </template>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                list: [  
                    1,2,4,5,8,9  
                ]  
            }  
        },  
        methods: {  

        }  
    }  
</script>  

<style>  

</style>  
2021-07-28 11:53 负责人:无 分享
已邀请:
chenli

chenli

添加这个配置试看一下。可能跟这个有关

"mp-weixin": {  
  scopedSlotsCompiler: "legacy"  
}
  • _FengQi_ (作者)

    卧槽 还真的是,根本没有发现有这个属性,微信里面也没有说

    2021-07-28 14:36

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