<v-list>
<v-list-item v-for="(item, index) in list" :key="index">
<span>{{ item.nickname }}</span>
<v-icon @click="delFollower(index, name, item)">mdi-minus-circle-outline</v-icon>
</v-list-item>
</v-list>
props:{
// eslint-disable-next-line vue/require-default-prop
list:{
type:Array,
},
// eslint-disable-next-line vue/require-default-prop
name: {
type: String
}
},
methods:{
delFollower(index,name,item){
if(window.confirm(`정말 ${name}목록에서 ${item.nickname}님을 삭제 하시겠습니까?`)) {
this.$store.dispatch('users/remove', {
index,
name
});
alert('삭제되었습니다.')
}
},
}
removeFollowerList(state, payload) {
if(payload.name === "팔로워"){
const index = state.followerList.findIndex((v,i) => i === payload.index);
state.followerList.splice(payload.index, 1);
}
else if(payload.name === "팔로잉"){
const index = state.followingList.findIndex((v,i) => i === payload.index);
state.followingList.splice(payload.index, 1);
}
},
안녕하세요 선생님 간단한거 질문하나 드리겠습니당
이런식으로 그냥 인덱스로 비교했었는데 이런식으로하면 혹시 나중에 데이터 추가되고 하면 문제가된다라던지 실무에선 고유값인 id값으로 해야한다던지 문제가 될수있을까요?