1***@qq.com
1***@qq.com
  • 发布:2025-06-20 09:22
  • 更新:2025-06-20 10:21
  • 阅读:112

【报Bug】支付宝小程序没有保持与微信一致,for循环出现丢失

分类:uni-app

产品分类: uniapp/小程序/阿里

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 4.66

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

基础库版本号: 2.9.41

项目创建方式: HBuilderX

示例代码:

uuni-app代码示例
<template v-for="(item, index) in tireModelList">
<view v-for="(attr, attrIndex) in item.attrDetails" :key="attr.attributeId" class="tire-model-item pagesSale-flex-center">
<view class="pagesSale-flex-1">
<text class="pagesSale-font-size-12 pagesSale-font-color-grey-2">{{ item.positionName }}</text>
<text class="pagesSale-font-color-black pagesSale-font-weight-500">{{ attr.attributeValue }}</text>
</view>
<button @tap="select(index, attrIndex)" hover-class="app-button--active" class="app-button pagesSale-button--primary">立即选购</button>
</view>
</template>
转义后支付宝小程序的实例
<view
a:for="{{tireModelList}}"
a:for-index="index"
a:for-item="item"
class="tire-model-item pagesSale-flex-center"
a:key="attributeId"

<view class="pagesSale-flex-1">
<text class="pagesSale-font-size-12 pagesSale-font-color-grey-2">
{{item.positionName}}
</text>
<text class="pagesSale-font-color-black pagesSale-font-weight-500">
{{attr.attributeValue}}
</text>

    </view>  
    <button  
      class="app-button pagesSale-button--primary"  
      hover-class="app-button--active"  
      data-event-opts="{{[['tap',[['select',[index,attrIndex]]]]]}}"  
      onTap="__e"  
    >  
      立即选购  
    </button>  

  </view>  

转义后微信小程序示例
<block wx:for="{{tireModelList}}" wx:for-item="item" wx:for-index="index" wx:key="attributeId">
<block wx:for="{{item.attrDetails}}" wx:for-item="attr" wx:for-index="attrIndex" wx:key="attributeId">
<view class="tire-model-item pagesSale-flex-center">
<view class="pagesSale-flex-1"><text class="pagesSale-font-size-12 pagesSale-font-color-grey-2">{{item.positionName}}</text><text class="pagesSale-font-color-black pagesSale-font-weight-500">{{attr.attributeValue}}</text></view><button class="app-button pagesSale-button--primary" hover-class="app-button--active" data-event-opts="{{[['tap',[['select',[index,attrIndex]]]]]}}" bindtap="__e">立即选购</button>
</view>
</block>
</block>

操作步骤:

预期结果:

与微信小程序保持一致

实际结果:

支付宝小程序没有保持与微信一致,for循环出现丢失

bug描述:

支付宝小程序双层for循环会存在丢失一层的问题

2025-06-20 09:22 负责人:DCloud_UNI_JBB 分享
已邀请:
DCloud_UNI_JBB

DCloud_UNI_JBB

我使用下面的测试代码并没有复现问题,你试试支付宝小程序会不会出现编译内容丢失的情况。

<template>  
  <view class="wrapper">  
    <template v-for="item in list">  
      <view v-for="(val, idx) in item.value" :key="idx">  
        {{ item.key }} -- {{ val }}  
      </view>  
    </template>  
  </view>  
</template>  

<script setup lang="ts">  
import Test from "./Test.vue";  
import { ref } from "vue";  

const list = ref([  
  {  
    key: "key1",  
    value: [1, 2, 3],  
  },  
  {  
    key: "key2",  
    value: [4, 5, 6],  
  },  
]);  
</script>  

<style scoped>  
.wrapper {  
  padding: 200rpx;  
  font-size: 32rpx;  
}  
</style>

要回复问题请先登录注册