يمكننا إنشاء ملف جاسكربت (أضع فيه custom directives) و تصديره، ثم استيراده في ملف main.js بسهولة في vue 2.
لكني لم أنجح في ذلك في vue 3 ، حيث أني استطعت أن أصدر الدالات (functions) في ملف directives.js إلى main.js وعملت الأكواد فيها، لكن custom directives لم تعمل ، وكأنها غير موجودة .
في ملف directives.js المنشأ :
// directives.jsimport{ createApp } from 'vue'importApp from './App.vue'const app = createApp(App)// global Custom Directive exportdefaultfunction glob(){
app.directive('globalexternal',{
mounted:function(el){
el.placeholder ='Global Custom Directive from external file'}})
console.log('Global Custom Directive from external file')}
النتيجة أن الأمر console.log('Global Custom Directive from external file') قد تم بنجاح ، لكن <input v-globalexternal style="width: 370px" /> لم يعمل v-globalexternal .
السؤال
Hadi255
يمكننا إنشاء ملف جاسكربت (أضع فيه custom directives) و تصديره، ثم استيراده في ملف main.js بسهولة في vue 2.
لكني لم أنجح في ذلك في vue 3 ، حيث أني استطعت أن أصدر الدالات (functions) في ملف directives.js إلى main.js وعملت الأكواد فيها، لكن custom directives لم تعمل ، وكأنها غير موجودة .
في ملف directives.js المنشأ :
و في ملف main.js الأساسي :
وفي ملف App.vue مثلاُ :
النتيجة أن الأمر console.log('Global Custom Directive from external file') قد تم بنجاح ، لكن <input v-globalexternal style="width: 370px" /> لم يعمل v-globalexternal .
هل من لديه تجربة في ذلك ؟
تم التعديل في بواسطة Hadi255رابط هذا التعليق
شارك على الشبكات الإجتماعية
13 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.