توضیحات

در این جلسه به صفحه بندی (paginate) محصولات در صفحه منو از دوره آموزش ساخت فروشگاه اینترنتی با ناکست جی اس (nuxt.js) میپردازیم.


فروشگاه_اینترنتی vuejs ویو جی اس nuxt.js ناکست جی اس nuxt.js v3 ناکست جی اس ورژن 3

مدرس دوره علی شیخ
مدت دوره 18:59:37
تعداد ویدیو 87

وضعیت دوره : کامل شده
قیمت دوره : 799,000 719,000 تومان

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • این ارور رو توی کنسول میده بهم، کل اطلاعت تو صفحه لود میشه و از دیتا بیس میگیره همه چی رو اما وقتی میخوام بین صفحات جابه جا بشم، مثلا از صفحه اصلی برم تو صفحه منو، صفحه منو به خاطر این ارور بالا نمیاد و کلا تو لودینگ میمونه، دلیلش چیه؟
    میگه نمیتونم از undefined بخونم، اما چیزی قرار نیست خونده شه، اینم بگم بعد از اینکه از useFetch استفاده کردم و درخواست رو به api ارسال کردم این ارور ظاهر شده

     
    
    TypeError: Cannot read properties of undefined (reading 'id')
    at menu.vue:83:1
    at renderList (chunk-3NMN3MUW.js?v=dee65396:3907:1)
    at Proxy._sfc_render (menu.vue:83:1)
    at renderComponentRoot (chunk-3NMN3MUW.js?v=dee65396:2172:1)
    at hydrateSubTree (chunk-3NMN3MUW.js?v=dee65396:6094:1)
    at ReactiveEffect.componentUpdateFn [as fn] (chunk-3NMN3MUW.js?v=dee65396:6115:1)
    at ReactiveEffect.run (chunk-3NMN3MUW.js?v=dee65396:405:1)
    at instance.update (chunk-3NMN3MUW.js?v=dee65396:6220:1)
    at chunk-3NMN3MUW.js?v=dee65396:1849:1
    at Array.forEach (<anonymous>)


    کدی هم که نوشتم اینه :
    
    
    <script setup>

    const {public:{apiBase}} = useRuntimeConfig();

    const {data: categories} = await useFetch(`${apiBase}/categories`);

    const {data:products, refresh} = await useFetch(`${apiBase}/menu`);

    </script>

    مشکلش چیه ؟

    • سلام وقت بخیر.
      ببینید مانند ویدو اول چک کنید با پست من که دیتا براتون برمیگردونه و api شما اجرا هست یا خیر.
      بعد که از useFetch استفاده میکنید لاگ بگیرید که دیتا آمده یا نه بعد نمایش بدید دیتا را و به اینصورت دیباگ کنید.

    • مرسی
      مشکل از یه غلط املایی خیلی ریز تو بخش DOM پروژه بود که نتونستم اول پیداش کنم :)
      حل شد.

    • سلام
      خسته نباشید
      برای کامپوننت ها اوکیه از .client استفاده کنیم؟
      منظورم مثلا
      HeaderComp.client.vue
      هستش
      یا باید از روش دیگه ای استفاده کنیم که ایونتایی که روی DOM پیاده میکنیم با ارور document not defined از سمت سرور مواجه نشیم؟

    • سلام وقت بخیر.
      الان نمیدونم دقیقا منظورتون و هدفتون چی هست اما توی دوره ای خوده ناکست اشاره کردیم روش های استفاده سمت کلاینت را و نیازه اون دوره را یکبار دیگه ببینید.