Mr.H
4 سال پیش توسط Mr.H مطرح شد
2 پاسخ

مشکل استفاده کردن از jquery در vue.js

سلام
در یک پروژه vue.js از قالب آماده استفاده کردم منتهی در خود قالب از jquery استفاده شده بود. بخش هایی از قالب که از jquery استفاده شده بود و اون تبدیل به کامپوننت کردم کد های مربوطه را در قسمت mounted vue کپی کردم تا به درستی کارکند. مشکل کار اینجاست زمانی که من از npm run serve استفاده میکنم $ را شناسایی نمی کند اما بعضی از مواقع شناسایی میشود!
برای رفع این مشکل زیاد سرچ کردم و چیزهایی که پیدا کردم ازجمله :

import $ from 'jquery'

با اعمال این کد ارور $ از بین می رود اما برای تمامی متدهای jquery زمانی که از سایت inspect میگیرم، ارور شنایی نکردن اون فانکشن ها را می دهد.
بعنوان مثال: کلا فانکشن slik بعنوان فانکشن شناسایی نمی کند.
ممنون میشم بنده را راهنمایی کنید


ثبت پرسش جدید
ناصر شرافتی نیا
@Naser.SherafatiNia 4 سال پیش مطرح شد
0

سلام
میتونین از پلاگین Vue Load Script استفاده کنین

import LoadScript from 'vue-plugin-load-script'
Vue.use(LoadScript)

Vue.loadScript("../../js/jquery.min.js")
.then(() => {
    const app = new Vue({
        el: '#app'
    })
})

اشکان نظری
تخصص : برنامه نویس
@ashkannazari248 4 سال پیش مطرح شد
1

سلام. این کد رو تو main.js بزار

window.$ = window.jQuery = require('jquery');
window.Popper = require('popper.js').default;

قبل از new Vue({...


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام