uni-app 轉換 小程序報錯問題

1. 列表循環會出現

   

<template>

<view class="fans-item" v-for="item in list" :key="item.id">
	  	<view class="fans-t" hover-class="none">
			<template v-if="item.role_type == 2">
			  	 <view class="already-fans" v-if="item.status == 1" @click="dealConcern(item)">已關注</view>
	          	<view class="already-fans red" v-else @click="dealConcern(item)">+關注</view>
			</template>
	  		
	  	</view>
	  </view>

</template>
<script>
  export default {

     data() {
			return {
				list: []
			};
		},
      methods: {
         dealConcern(item) {
			 console.log(item);
             let data = {}
             data['user_id'] = item.user_id
         }
      }
  }
</script>

 關鍵點在於 :key。將v-for改成下面內容即可

 <view class="fans-item" v-for="(item,index) in list" :key="index">

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章