iT邦幫忙

0

Vue Cli 引入jquery外部套件問題

  • 分享至 

  • xImage

不好意思,之前有問過一次這個類似的問題,
在我學會應用後我決定使用vue cli來開發
但是發現還是會出錯 上網找了很久方法還是無法解決
以jquery datepicker為例子
1.在html頁面插入引用套件
https://ithelp.ithome.com.tw/upload/images/20210617/20127159HZeeFg5i5C.jpg
2.已經有npm install --save jquery了 新增一隻名為 vue.config.js
https://ithelp.ithome.com.tw/upload/images/20210617/20127159evsBGwp98r.jpg
3.HelloWorld.Vue 使用方式
https://ithelp.ithome.com.tw/upload/images/20210617/20127159uiNXrIrcs1.jpg
4.網頁錯誤訊息
https://ithelp.ithome.com.tw/upload/images/20210617/20127159i9znxXpmyu.jpg

https://ithelp.ithome.com.tw/upload/images/20210617/201271592bPgjAV2KW.jpg

看更多先前的討論...收起先前的討論...
Todd iT邦新手 1 級 ‧ 2021-06-17 12:58:35 檢舉
為什麼不是直接用 npm 安裝的 jquery 跟 jquery-ui 就好?
而還要再從cdn引用?

但還是不建議 vue跟jquery混用
Vue不也有很方便的Selector可用嗎?何以要混用JQ ?
DanSnow iT邦好手 1 級 ‧ 2021-06-17 14:11:18 檢舉
你這樣網頁裡會有兩份 jQuery ,一個是 npm 安裝的,一個是用 script 載入進來的, jquery UI 看到的是 script 載入進來的那份,而你實際用的是 npm 安裝的,兩個會變成不同的東西,你要就都用 script ,不然就都用 npm ,不要混用
DanSnow iT邦好手 1 級 ‧ 2021-06-17 14:12:42 檢舉
然後不要在 Vue 的 mounted 裡還用 jQuery 的 onready ,多此一舉, mounted 時就已經保證網頁是載入的狀態了
Mikey iT邦新手 5 級 ‧ 2021-06-17 15:00:27 檢舉
To japhenchen:
因為有些套件要使用 所以才考慮使用套件。
Mikey iT邦新手 5 級 ‧ 2021-06-17 15:01:16 檢舉
To DanSnow:
但是如果不安裝jqeury 的話 我在我的HelloWorld.vue裡輸入$ 他會顯示 $未宣告。
DanSnow iT邦好手 1 級 ‧ 2021-06-17 23:32:14 檢舉
你說的未宣告是因為 eslint 吧,它又不知道你在 script 有載入,你去找找 eslint 要怎麼把它設定成全域變數
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答