规范vue中for循环用法

pages/hospital-ranking/index.vue

@@ -60,15 +60,15 @@
         <span class="marginAuto">{{activeBtnType?'机构勤奋分':'贡献勤奋分'}}</span>
       </div>
       <div class="ranking-list" :style="{marginBottom: `${50+homeIndicatorHeight}` + 'Px'}">
-        <div class="item" v-if="activeBtnType" v-for="(itemH,index) in hospitalRanking.topRankList">
-          <img v-if="index<=2" :src="dealRankIcon(index)" alt="" class="ranking-icon">
-          <p v-else class="icon-num" >{{index+1}}</p>
+        <div class="item" v-if="activeBtnType" v-for="(itemH,indexH) in hospitalRanking.topRankList" :key="indexH">
+          <img v-if="index<=2" :src="dealRankIcon(indexH)" alt="" class="ranking-icon">
+          <p v-else class="icon-num" >{{indexH+1}}</p>
           <p class="hospital-name">{{itemH.name}}</p>
           <p class="num">{{itemH.score}}</p>
         </div>
-        <div class="item" v-if="!activeBtnType"  v-for="(itemD,index) in contributionRanking.topRankList">
-          <img v-if="index<=2" :src="dealRankIcon(index)" alt="" class="ranking-icon">
-          <p v-else class="icon-num" >{{index+1}}</p>
+        <div class="item" v-if="!activeBtnType"  v-for="(itemD,indexD) in contributionRanking.topRankList" :key="indexD">
+          <img v-if="index<=2" :src="dealRankIcon(indexD)" alt="" class="ranking-icon">
+          <p v-else class="icon-num" >{{indexD+1}}</p>
           <img :src="itemD.avatarImageUrl" alt="" class="doctor-photo">
           <p class="doctor-name">{{itemD.name}}</p>
           <p class="num">{{itemD.score}}</p>

pages/invite-details/index.vue

@@ -26,7 +26,7 @@
               <b class="l"></b>
               <p class="text">输入手机号领取课程</p>
               <p class="awards">
-                <span v-for="item in dealJsonData(this.node1)">
+                <span v-for="(item, index) in dealJsonData(this.node1)" :key="index">
                   +{{item.rewardQuantity}}{{changeAwardsName(item.rewardType)}}
                 </span>
               </p>
@@ -36,7 +36,7 @@
               <b class="l"></b>
               <p class="text">使用手机号登录云鹊APP</p>
               <p class="awards">
-                <span v-for="item in dealJsonData(this.node2)">
+                <span v-for="(item, index) in dealJsonData(this.node2)" :key="index">
                   +{{item.rewardQuantity}}{{changeAwardsName(item.rewardType)}}
                 </span>
               </p>
@@ -65,14 +65,14 @@
           <p class="sum" v-if="inviteList.length">共{{recordTotal}}人</p>
           <div class="loadMore" v-infinite-scroll="loadMore" infinite-scroll-disabled="busy"
                infinite-scroll-distance="10">
-            <div class="record-item" v-if="inviteList.length" v-for="item in inviteList">
+            <div class="record-item" v-if="inviteList.length" v-for="(item, index) in inviteList" :key="index">
               <img :src="item.avatarImageUrl" alt="" class="person-photo">
               <div class="person-info">
                 <p class="phone">{{item.mobile}}</p>
                 <p class="time">{{item.inviteDate}}</p>
               </div>
               <div class="awards">
-                <p class="item" v-for="item1 in dealJsonData(item.rewardJsonInfo)">
+                <p class="item" v-for="(item1, index1) in dealJsonData(item.rewardJsonInfo)" :key="index1">
                   <span class="num">+{{item1.rewardQuantity}}</span>
                   <span class="award-name">{{changeAwardsName(item1.rewardType)}}</span>
                 </p>

pages/person-detail/index.vue

@@ -29,7 +29,7 @@
         <div class="awards-details">血压计 1 支/温度计 1 支/小米电视4C 2 台/米家洗衣机 1 台/米家冰箱 2 台/华为荣耀Play3 2 部</div>
       </div>-->
       <div class="detail-list"  v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" infinite-scroll-distance="10">
-        <div class="item" v-for="item in personDetails" v-if="personDetails.length">
+        <div class="item" v-for="(item, index) in personDetails" v-if="personDetails.length" :key="index">
           <div class="left">
             <img :src="detailTaskIcon(item.resourceType)" alt="">
           </div>
@@ -39,7 +39,7 @@
               <p class="time">{{item.finishTime}}</p>
             </div>
             <div class="r-right">
-              <div class="award-item" v-for="item1 in item.timsRewardResp">
+              <div class="award-item" v-for="(item1, index1) in item.timsRewardResp" :key="index1">
                 <span class="num">+{{item1.rewardQuantity}}</span>
                 <span class="award-name">{{detailAwardsName(item1.rewardType)}}</span>
               </div>

pages/person-ranking/index.vue

@@ -38,7 +38,7 @@
         <span class="marginAuto">{{activeBtnType?'今日':'累计'}}勤奋分</span>
       </div>
       <div class="ranking-list" :style="{marginBottom: `${50+homeIndicatorHeight}Px`}">
-        <div class="item" v-for="(item,index) in rankData.topRankList">
+        <div class="item" v-for="(item,index) in rankData.topRankList" :key="index">
           <img v-if="index<=2" :src="dealRankIcon(index)" alt="" class="ranking-icon">
           <p v-else class="icon-num" >{{index+1}}</p>
           <img :src="item.avatarImageUrl" alt="" class="doctor-photo">

pages/yesterday-prize/index.vue

@@ -7,7 +7,7 @@
       @handleRightBtn="rightBtn">
     </normal-header>
     <div class="prize-list" :style="{ marginTop: `${44+statusBarHeight}Px`,marginBottom: `${50+homeIndicatorHeight}Px`}">
-      <div class="item" v-for="(item, index) in rewardsList">
+      <div class="item" v-for="(item, index) in rewardsList" :key="index">
         <img v-if="index<=2" :src="dealRankIcon(index)" alt="" class="ranking-icon">
         <p v-else class="icon-num" >{{index+1}}</p>
         <div class="item-right">