جافاسكريبت - جافاسكريبت مضمّن مع Vue-Meta في Nuxt.js
بشكل أساسي، أنا أستخدم Nuxt 2.9.2، وأحاول استخدام طريقة innerHTML لتضمين شفرة Google Optimize، ولكن في كل مرة أقوم فيها بتشغيل npm run generate، يتحول الكود بعض الجوانب على الرغم من أن __dangerouslyDisableSanitizers يدرج innerHTML في القائمة البيضاء..
هذا هو نصي البرمجي في كائن الرأس في إعدادات Nuxt
script: [ { in اقرأ أكثر →vue.js - صفحة HTML ثابتة مُولدة بواسطة NuxtJS لا تحمل جافاسكريبت عند استدعاء /index.html
أعمل على مشروع NuxtJS سيتم توليده للاستخدام الثابت. بالطبع يستخدم JavaScript على سبيل المثال للتنقل، وبعض النماذج والمزيد.
عندما أستخدم الصفحة مع npm run dev كل شيء يعمل بشكل جيد.
بعد التصدير باستخدام npm run build && npm run generate أقوم بنشر المحتوى المولد من /dist على خادمي (CDN الذي يطلبه المستخدم، في هذه الحالة Google Cloud Storage) يمكنني استخدام الصفحة دون أي مشاكل إذا لم أضف اللاحقة index.html.
مثال :
زيارة https://page.com/s
اقرأ أكثر →جافاسكريبت - إعادة ضبط مستخدم Nuxt auth بعد تحديث المتصفح
أنا أقوم ببناء تطبيق يحتوي على تسجيل دخول وتسجيل معلومات المستخدم. أستخدم وحدة nuxt/auth للتعامل مع المصادقة. كلما قام المستخدم بتسجيل الدخول، تتغير الحالة إلى true بدون مشكلة. المشكلة الوحيدة التي أواجهها هي أنه عند استدعاء طريقة تعيين المستخدم، يتم تسجيل معلومات المستخدم بنجاح، ولكن كلما قمت بتحديث المتصفح أفقد بيانات المستخد
اقرأ أكثر →جافاسكريبت - Nuxt.js: كيفية تجاوز scrollBehaviour لتغيير مسار واحد
لدي صفحة Nuxt حيث أقوم بالتمرير إلى الأعلى عند كل تغيير في الموجه. لقد قمنا بتعريف هذا في nuxt.config.js
scrollBehavior (to, from, savedPosition) { return ({ x: 0, y: 0 }) }الآن لدي رابط تنقل واحد فقط وهو مميز قليلاً: «اتصل بنا» لا يؤدي إلى صفحة جديد
اقرأ أكثر →جافاسكريبت - إضافة شرط RTL في الرأس مع Nuxt Js i18n
أود أن أضيف شرطًا كما يلي
if(app.i18n.locale == 'ar')أستخدم العربية مع الإنجليزية في هذا المشروع. إذا كانت اللغة الحالية هي العربية، يتم إضافة bootstrap-rtl.css في الرأس، وإذا كانت اللغة الحالية هي الإنجليزية يتم استدعاء bootstrap.css، لقد جربت أكثر من طريقة ولم أنجح.
اقرأ أكثر →جافاسكريبت - nuxt.js Vuex Vuejs لا يمكن قراءة خاصية 'getters' من undefined
أنا جديد في Vuejs و Nuxt.js. أنشأت مشروع Nuxt وأثناء تشغيل المشروع حصلت على الخطأ:
من فضلك ساعدني.
شكراً.
الإجابة رقم 1
مرحبًا، لست متأكدًا مما إذا كنت قد تمكنت من حل هذه المشكلة. إذا لم يكن كذلك، عليك فقط إعادة تشغيل خادم التطوير الخاص بك
اقرأ أكثر →تايب سكريبت - الخاصية '$vuetify' غير موجودة في النوع - عند استخدام Nuxt.js مع Vuetify
لدي هذا الخطأ لجزء معين في الكود عند الوصول إلى this.$vuetify في تطبيقي Nuxt.js.
ERROR ERROR in components/equipment/QuickInfoCard.vue:21:20 19:51:29 TS2339: Property '$vuetify' does not exist on type '{ width(): string; height(): "100%" | "9em"; }'. 19 | }, 20 | height() { > 21 | switch (this.$vuetify اقرأ أكثر →تايب سكريبت - قراءة محتوى ماركداون في نوكست جي إس 3
أنا أستخدم Nuxtjs 3 و TypeScript و Composition API لتطوير مشروعي الجديد. أستطيع عرض محتوى ملفات Markdown في المشروع بنجاح، ولكن في بعض الحالات أحتاج إلى الوصول إلى محتوى محدد من ملفات Markdown. إليك مثال على ملف Markdown الخاص بي:
--- header.id: introducing header.title: my title header.next: nextFileName header.prev: previousFileName --- ### service One some content here <br> ### service two some contentالآن، أحتاج إلى قراءة الخدمة الأولى والخدمة الثان
اقرأ أكثر →vue.js - كيفية إنشاء أنواع خاصة بك في Nuxt Typescript؟
عندما أستخدم $_app في Nuxt، تظهر لي رسالة تفيد بأن $_app غير موجود على this. أريد تضمين $_app كنوعي الخاص في نوع Nuxt. جربت هذا:
import Vue from "vue" interface AppMixin { user: any } declare module "vue/types/vue" { interface Vue { اقرأ أكثر →جافا سكريبت - استخدام معامل bind (::) مع Nuxt.js و TypeScript
أنا أستخدم Nuxt.js بدعم TypeScript. أحاول استيراد مكتبة vuelayers مع هذا الإضافة:
import Vue from "vue" import Map from "vuelayers/src/component/map" import "vuelayers/lib/style.css" Vue.use(Map)يعطيني هذا الخطأ :
ERROR in ./node_modules/vuelayers/src/component/map/view.vue?vue&type=script&lang=js& Syntax Error: Unexpected token, expected ";" (253:8) 251 | */ 252 | subscribeAll () { > 253 | this::subscribeToViewChang اقرأ أكثر →