1

لدي مشكلة في استخدام المكتبات داخل vue js ??

السلام عليكم

انا مبتدأ في ال vue js و حاليا اصمم موقع و واجهتني مشكلة وهي انني لم اعرف كيف استخدم مكتبات الجافاسكريبت و الجكويري داخل المشروع , اتمنى افادتي و لو بالقليل و شكرا لكم


1
waelaljamal أضف ردا

علينا تضمن جيكويري في ملف المكون component الذي نريده:

import JQuery from 'jquery'
window.$ = JQuery
أو مباشرة
import $ from 'jquery'

ثم وضع الشيفرة المرادة ضمن الدالة التالية التي تنفذ مع الحدث mount أي بعد تحميل الصفحة:

mounted () {
   // شيفرة جيكويري
}

إن واجهتم مشكلة في تحميل جيكوري بوساطة npm يمكن تضمينها مباشرة برابط حسب الإصدار الذي تريده:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
0
mohamed74_MO أضف ردا

جربت الطريقة لكن لم تشتغل , لا أعرف ما السبب

شكرا لك أخي على كل حال

0
waelaljamal أضف ردا

ماذا حدث بالضبط وأين تظهر المشكلة.

هل يظهر أخطاء في Console في المتصفح؟

وتأكد من تطابق محددات الوصول واستهداف العنصر المطلوب.

0
waelaljamal أضف ردا

إن كنت تستخدم webpack فيجب تضمين جيكويري هكذا من خلال:

expose-loader

لتثبيته:

npm install expose-loader --save-dev

ثم:

module.exports = {
  plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jquery: 'jquery',
      'window.jQuery': 'jquery',
      jQuery: 'jquery'
    })
  ]
  ...
}