Nuxt에서 jquery를 사용할수 있나요
773
작성한 질문수 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
150
2
캡틴님 커리어 질문 있습니다
0
84
1
nuxt 최신버전 설치 후 layouts 없어서 직접 폴더 생성 후 문제
1
358
1
vue나 nuxt 새로운 강의는 출시 예정이 없으실까요?
0
194
1
24년 강의를 들으면서 에러나는 부분 정리
2
348
2
공식홈페이지에 설치방법이 바뀐거같아요
1
411
3
layouts폴더와 default.vue에대해서 궁금한 점 있습니다!
1
385
2
자료가 없습니다.
1
289
2
에러 페이지 정의 방법 강의 문의
1
340
2
SSG -> SSR 배포 방식 전환
1
531
2
갑자기 화면에 에러가 나오네요..
1
452
2
마지막 강의까지 작성된 코드
1
299
2
JSON Server Operator 링크에 Operator 가 없습니다.
1
227
2
Vue2 EOL 관련해서..
1
465
2
env.baseUrl 문제
1
629
2
블로그 기능 질문입니다!
1
464
3
node 버전 문제 질문입니다.
1
228
1
폴더구조 다른것 안내 부탁드려요
1
460
1
npm run generate 배포
1
685
2
캡틴판교 선생님 너무 궁금해서 질문드립니다 ㅜ
1
332
2
nuxt.config.js 에서 baseurl 지정하는 방법
2
998
1
db.json 안에 이미지 아래 본문 처럼 바꾸면 랜덤으로 나옵니다.
2
617
3
axios 설치 후 새로고침 시 에러 발생할 때 해결 방법 입니다.
2
779
2
SSG 배포가 현재 상품,장바구니에는 맞지 않는 배포방식인거죠?
1
390
2