인프런 커뮤니티 질문&답변
인덱스 비교로 삭제해도 될까요?
작성
·
376
0
<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값으로 해야한다던지 문제가 될수있을까요?
퀴즈
Nuxt.js 라우팅 미들웨어의 주된 목적은 무엇인가요?
백엔드 서버와 데이터를 주고받기 위해
페이지 진입 전 사용자 권한이나 상태를 확인하고 제어하기 위해
컴포넌트 간 데이터 전달을 간소화하기 위해
애플리케이션의 전역 상태를 관리하기 위해





