下面的教程無法得到第三方的jQuery插件選擇2工作

https://vuejs.org/v2/examples/select2.html

我不是做SPA，雖然我用我的網頁Vue公司的組件。

[Vue warn]: Error in mounted hook: "TypeError: $(...).select2 is not a function"

在

發現我得到這個錯誤

Error in mounted hook: "TypeError: $(...).select2 is not a function" 

found in <Select2> at 
C:\laragon\www\lara\resources\assets\js\components\ui\Select2.vue

我有兩個選擇2和我在HTML文件中vuejs：爲什麼我得到

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> 
<script src="{{ asset('js/content_type_blocks.js') }}?{{ str_random(7) }}"></script>

我不知道錯誤，select2不是一個函數？

來源

2017-07-21 niko craft

是否包含jQuery的呢？ – Bert

聽起來像jQuery沒有加載。在控制檯中鍵入'$'或'jQuery'時會發生什麼？ – Terry

是的，我也包括它。我正在使用另一個jquery插件colorpicker，但是我只能在將它放入package.json文件後才能使用它：「bootstrap-colorpicker」：「^ 2.5.0」，然後將其作爲組件導入到我的應用程序中.vue使用從'bootstrap-colorpicker'導入BootstrapColorPicker，然後我就可以使用該插件。但我無法找到如何安裝package.json select2，因爲我用colorpicker，因爲select2似乎並沒有節點包 –

在Select2插件初始化的時候，jquery還沒有加載全局堆棧。

提出了幾種解決方案：

只是通過NPM npm install --save select2加選擇二，然後將其導入
我會建議使用更加友好Selectize.js此外，還有一個現成的使用Vue-組件vue2-selectize。也請看看這個性能測試：https://jsperf.com/chosen-select2-selectize
，你可以嘗試使用類似的解決方案，專爲Vue公司書面：https://github.com/monterail/vue-multiselect

來源

2017-07-22 07:23:30

下面的教程無法得到第三方的jQuery插件選擇2工作

回答

相關問題