Răsfoiți Sursa

fix(frontend): gut-flora-foods-detail 成员 Tab 的 key 改为方法调用修复非 h5 警告

key 绑定原为运算符表达式(id 或 userId 兜底),微信小程序不支持;
新增 getMemberKey(item) 方法统一生成成员 key(:class 内联表达式不受限未改)
liaoxg 1 lună în urmă
părinte
comite
f5fbaaaabd
1 a modificat fișierele cu 4 adăugiri și 3 ștergeri
  1. 4 3
      cfc-frontend/pages/health/gut-flora-foods-detail.vue

+ 4 - 3
cfc-frontend/pages/health/gut-flora-foods-detail.vue

@@ -3,7 +3,7 @@
 
     <view class="member-bar" v-if="memberList.length > 1">
       <view class="member-tab" :class="{'active': currentMemberId === (item.id || item.userId)}"
-        v-for="item in memberList" :key="item.id || item.userId"
+        v-for="item in memberList" :key="getMemberKey(item)"
         @tap="switchMember(item)">
         <text class="member-name">{{ item.nickname || item.roleLabel || '全部' }}</text>
       </view>
@@ -200,8 +200,9 @@ export default {
     this.loadMemberList()
     this.loadData()
   },
-  methods: {
-    getItemKey: function(item) { return item.foodId || item.id || item.name || Math.random() },
+methods: {
+  getMemberKey: function(item) { return item.id || item.userId || 'all' },
+  getItemKey: function(item) { return item.foodId || item.id || item.name || Math.random() },
     goBack: function() { uni.navigateBack() },
     switchMember: function(item) {
       this.currentMemberId = item.id || item.userId