[vuejs] v-for와 v-if를 같이 쓰면 에러발생 오류 해결하기

안녕하세요 
 오늘은 vuetify 에서 테이블을 만드는데 왼쪽을 Fix를 시켜야하는데 for 루프를 돌면서 if를 써야 생성이 되는 화면이라 
시도를 하는데 인터넷 검색을 해도 안되더라구요. 
적용하면서 얻은 방법입니다.

eslintrc.js

"vue/no-use-v-if-with-v-for":"off"

위의 문구를 적용하시면 사용이 가능하더라구요. 
이거하나 적용을 시키니 정말 화면을 생성하는게 좋더라구요. 
vuejs는 아는만큼 기능을 더 확대해서 사용이 가능합니다. 

참고한 사이트 https://eslint.vuejs.org/rules/no-use-v-if-with-v-for.html

즐거운 vuejs 코딩 되세요.

vue/no-use-v-if-with-v-for | eslint-plugin-vue

반응형