Nuxt에서 jquery를 사용할수 있나요
787
작성한 질문수 16
Nuxt를 이용해서 기 만들어진 홈페이지를 변경할려고 합니다
그중에서 가장 어려운부분은 여러가지 컨텐츠를 불러와서 표현하는 부분인데
컨텐츠내용이 너무 다양하고 해당컨텐츠 안에 a tag를 이용하여 popup, image를 불러와서 표시 및 file download 기능이 포함되어 있습니다
componets화 시킬려면 컨텐츠내용이 어느정도 양식화가 되어 있어야 하는데 그러하지를 못해 v-html 명령어로 기존의 컨텐츠를 불러와서 표시를 하니 정상입니다
하지만 표시된 화면에서 a tag event control 즉 특정 단어 또는 버튼을 클릭하면 popup표시를 jquery로 만들었는데 이게 동작이 불안정 합니다
Nuxt에서 jquery를 사용하기 위해 npm install jqury 를 하여 사용해보았으나 일부는 동작을 하고 일부는 동작을 하지 않코 어떤날은 전부가 동작하고 어떤날은 아에 동작을 하지 않고 있습니다
방법이 있나요 ?
답변 1
0
안녕하세요, Nuxt에서 jQuery를 사용하시려면 Vue.js와 jQuery의 DOM 조작 방식의 차이점을 알고 계셔야 합니다. Virtual DOM이라는 개념도 나오고 Vue.js의 라이프 사이클 훅이라는 개념도 알고 계셔야 해서... 여기서 설명해 드리기에는 너무 방대한 내용일 것 같아요.
아래 문서들 참고해 보시는게 좋을 것 같습니다.
https://joshua1988.github.io/vue-camp/legacy/jquery-to-vue.html
판교님, 50% 학생 할인 쿠폰
0
210
2
캡틴님 커리어 질문 있습니다
0
123
1
nuxt 최신버전 설치 후 layouts 없어서 직접 폴더 생성 후 문제
1
401
1
vue나 nuxt 새로운 강의는 출시 예정이 없으실까요?
0
239
1
24년 강의를 들으면서 에러나는 부분 정리
2
392
2
공식홈페이지에 설치방법이 바뀐거같아요
1
465
3
layouts폴더와 default.vue에대해서 궁금한 점 있습니다!
1
417
2
자료가 없습니다.
1
329
2
에러 페이지 정의 방법 강의 문의
1
408
2
SSG -> SSR 배포 방식 전환
1
582
2
갑자기 화면에 에러가 나오네요..
1
498
2
마지막 강의까지 작성된 코드
1
350
2
JSON Server Operator 링크에 Operator 가 없습니다.
1
268
2
Vue2 EOL 관련해서..
1
508
2
env.baseUrl 문제
1
702
2
블로그 기능 질문입니다!
1
510
3
node 버전 문제 질문입니다.
1
263
1
폴더구조 다른것 안내 부탁드려요
1
513
1
npm run generate 배포
1
743
2
캡틴판교 선생님 너무 궁금해서 질문드립니다 ㅜ
1
369
2
nuxt.config.js 에서 baseurl 지정하는 방법
2
1034
1
db.json 안에 이미지 아래 본문 처럼 바꾸면 랜덤으로 나옵니다.
2
668
3
axios 설치 후 새로고침 시 에러 발생할 때 해결 방법 입니다.
2
832
2
SSG 배포가 현재 상품,장바구니에는 맞지 않는 배포방식인거죠?
1
439
2