inflearn logo
강의

Course

Instructor

Creating Nodebird SNS with Vue

3-1. Follow/Following Dummy Data

인덱스 비교로 삭제해도 될까요?

377

ghkdsigm

10 asked

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값으로 해야한다던지 문제가 될수있을까요?

 

 

 

 

 

 

 

 

 

 

 

mysql vuex vuejs nodejs aws ssr

Answer 1

0

zerocho

데이터가 전부 state로 관리된다는 전제 하에 인덱스로 하셔도 됩니다.

npm run dev 할 때 에러가 발생합니다.

0

143

1

해당 강의는 리뉴얼 예정은 따로 없나요?

0

326

1

강의는 언제까지 업데이트 된 내용인가요?

0

328

2

실습 환경 문의(Node 버전)

0

363

1

로그인 새로고침시 풀림

0

289

1

안녕하세요! 로그인 유지 질문 드립니다!

0

401

1

웹 서버 관련해서 질문드립니다.

0

439

1

버전때매 질문 드립니다!!

0

311

1

이 강의는 vue3는 아닌가요??

0

370

1

vsCode에 관한 질문입니다

0

486

1

v.trim()이 타입에러가 뜹니다...

0

341

1

express.static('uploads')

0

340

2

STRING이 인식이 안되는데 이유알수있을까요?

0

444

2

<v-lsit-item-title> 에러

0

406

2

vue cli 를 실무에서도 사용하지 않으시나요?

0

317

1

선생님 처음 환경 셋팅 관련 문의드립니다.

0

383

1

nuxtServerInit 무한 로딩

0

971

3

Nginx Cookie 설정

0

720

2

상태가 204번인경우에는 어떻게 처리를 해야하나요?

0

290

1

선생님 nuxt 관련질문드립니다.

0

347

1

질문 드립니다!

0

324

2

안녕하세요

0

220

1

궁금한점이있습니다

0

230

1

새로고침시 오류

0

481

1