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">