inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue로 Nodebird SNS 만들기

page별 head 태그에 대한 질문

281

닥프렌즈

작성한 질문수 2

0

안녕하세요~ 강의를 들으면서 새로운 프로젝트를 진행하고 있는데요

강의와 관련된 질문은 아닌데,, 해결되지 않는 부분이 있어서 혹시 도움을 구할 수 있을까 해서 질문드립니다 ㅠㅠ

jquery로 작성된 여러 js 파일들이 있고,

페이지 마다 import를 하려고 합니다

각페이지.vue 파일에

export default {

   .....

    head() {

           return {

                script: [{}, {}],

                link: [{}, {}]

          }

    }

   ......

}

로 페이지 마다 필요한 script, link 파일의 경로를 지정해줬고, 잘 import 됩니다

그런데 오랜 시간 찾아봐도 해결되지 않는 부분이 있어습니다...... 

1. 각 script 태그와 link 태그의 import 순서를 원하는대로 지정하고 싶은데 혹시 방법이 있는지..?

2. import 순서가 원하는대로 되지 않아서인지 다른 페이지로 이동했다가 돌아오면 jquery 동작들이 작동하지 않는 점

    (새로고침을 해도 어떨 때는 jquery가 작동하고, 어떨 때는 작동하지 않습니다...)

혹시 참고할 만한 내용을 알고 계신다면 답변 부탁드리겠습니다..

감사합니다 !

아차! method를 하나 정의해놓고 created() 에서 호출해서

head 태그 내 모든 엘리먼트를 지우고 script, link 태그를 원하는 순서로 추가 해봤는데도,,, 다른 페이지로 이동했다가 돌아오면 jquery가 작동하지 않더라구요.... 

vuex nodejs mysql vuejs aws ssr

답변 3

1

제로초(조현영)

jquery script를 head에 추가하지 마시고 html 파일에 추가하세요.

1

제로초(조현영)

vue를 하실 때는 jquery랑 같이 쓰지 않는 게 좋습니다. DOM 조작 시 충돌이 발생할 수 있습니다. 꼭 jquery를 써야만 하는 상황인가요?

0

닥프렌즈

넵.. 회사에서 외주로 받은 js 파일을 모든 페이지에 적용해야 되는 상황입니다 ㅠㅠ

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

487

1

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

0

341

1

express.static('uploads')

0

341

2

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

0

444

2

<v-lsit-item-title> 에러

0

407

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

380

1

질문 드립니다!

0

327

2

안녕하세요

0

223

1

궁금한점이있습니다

0

233

1