vue html 삽입 (1) 썸네일형 리스트형 [ JS | VUE ] element 중간에 새로운 element 삽입하기 ul태그 안에 v-for로 data들이 뿌려진 li element들이 있는데, 이 li 사이에 일정 간격을 두고 배너가 들어가야 하는 상황이었다. 적용 전 방법 1 첫번째로 든 생각은 데이터들이 다 뿌려진 후인 mounted에서 li를 querySelectorAll로 가지고와서 원하는 사이에 배너 html을 끼워넣는 방법이였다. → Element.insertAdjacentHTML() 이용 element의 2번째 4번째에 나와야 하는데 idx값은 element의 순서보다 -1된 값이니 idx값이 2의 배수인지 확인할땐 -1된 값을 index에 할당해 비교하고 적용할땐 원래 idx값을 사용했다 방법 2 두번째 방법은 v-for로 불러올때 v-if로 index값을 활용해 배너를 원하는 위치에 넣어주는 방법이였.. 이전 1 다음
