توضیحات

در این جلسه به نمایش پست در پروژه دوره vue.js می پردازیم.


javascript جاوا اسکریپت vuejs ویو جی اس

مدرس دوره علی شیخ
مدت دوره 11:02:05
تعداد ویدیو 69

وضعیت دوره : کامل شده
قیمت دوره : رایگان

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

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

  • سلام
    من ميخوام صفحه داخلي محصولات رو ايجاد كنم اما ساخت api فيك به زبان فارسي يكمقدار دشوار هست كه بخوام سرويسي مثل jjson placeholder بسازم اما كاري كه ميخوام بكنم اينه كه مثل api يك آرايه اي از آبجكت هارو درون خود پروژه بسازم و مثل api ازش استفاده كنم اما نميدونم چطور ميشه با روت و هوك useroutee بدون داشتن api خارجي صفحه داخلي محصول رو اطلاعاتش رو گرفت و نمايش داد.
    اگر امكان همچين كاري هست ممنون ميشم كاري كه بايد انجام بدم رو راهنمايي كنيد
    تشكر

    • سلام وقت بخیر.
      میتونید از json-server استفاده کنید.
      https://www.npmjs.com/package/json-server
      از طرفی میتونید توی یک فایل مقادیر مورد نظر را قرار بدید و export کنید و توی جاهای مختلف import کنید و نمایش بدید.

  • سلام
    برای ساختن صفحه داخلی یک محصول یا دوره مثل خود سایت وب پروگ باید همین شکلی روت رو ایجاد کنیم یا روت باید به یک صفحه مجزا دیگر بره؟
    تشکر

    • سلام وقت بخیر.
      روند کار برای همه صفحات به همین صورت هست، اگه پروژه spa هست.حالا منظورتون از اینکه به یک صفحه مجزا برود را نفهمیدم؟

  • سلام چطور وقتی از vue router استفاده میکنم لینک دانلود فایل ایجاد کنم. الان یه لینک ساختم و ادرس فایل pdf رو بهش دادم اما دانلود نمیکنه.

    `<a href="../assets/file.pdf" >file</a>`

    • سلام وقت بخیر.
      میتونید از axios کمک بگیرید

      <button @click="downloadWithAxios(require('@/assets/logo.png'), 'logo')">download image</button>
      
      function downloadWithAxios(url, title) {
      axios({
      method: "get",
      url,
      responseType: "arraybuffer",
      })
      .then((response) => {
      const url = window.URL.createObjectURL(new Blob([response.data]));
      const link = document.createElement("a");
      link.href = url;
      link.setAttribute("download", title+'.png');
      document.body.appendChild(link);
      link.click();
      })
      .catch(() => console.log("error occured"));
      }

    • ممنون الان روش شما رو اجرا کردم بهتر شد اما این ارور رو Eslint میده

      Failed to compile.

      ./src/assets/downs/nova.pdf 1:0
      Module parse failed: Unexpected token (1:0)
      You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
      (Source code omitted for this binary file)

    • باید loader اضافه کنید به webpack میتونید file-loader اضافه کنید.
      من نمیدونم شما با webpack آشنا هستید یا خیر اما از اونجا که 80 درصد دوستان پیش نیاز های دوره ها را نمی یبیند و کار نمیکنن، دوره را به خوبی درک نمیکند و تغییرات دلخواه رو نمیتونن انجام بدن بخاطر همین یک توضیحی اینجا میدم.
      نیاز هست که فایل vue.config.js را توی root ایجاد کنید و کد زیر را قرار بدید

      module.exports = {
      
      configureWebpack: {
      module: {
      rules: [
      {
      test: /\.(pdf)(\?.*)?$/,
      use: [
      {
      loader: 'file-loader',
      options: {
      name: 'files/[name].[hash:8].[ext]'
      }
      }
      ]
      }
      ]
      }
      }
      }