توضیحات

در این جلسه به دینامیک کردن class و style یک المنت در vue.js می پردازیم.


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

مدرس دوره علی شیخ
مدت دوره 09:58:50
تعداد ویدیو 63

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

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

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

  • سلام استاد وقتتون بخیر
    عذر میخوام من داخل کامپوننتم وقتی به تگ header میخوام بک گراند ایمیج بدم وقتی به صورت لوکال آدرس دهی میکنم با ارور مواجه میشم

    این کدهای CSS :

    
    
    header {
    background-image: url("../assets/images/background-header.jpg");

    background-position: 100% 100%;
    height: 100vh;
    width: 100%;
    position: relative;
    }


    اینم متن ارور :

    Failed to compile.

    ./src/components/Header.vue?vue&type=style&index=0&id=61dd7a3d&scoped=true&lang=css (./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/vue-loader-v16/dist/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Header.vue?vue&type=style&index=0&id=61dd7a3d&scoped=true&lang=css)
    Module not found: Error: Can't resolve '../assets/images/background-header.jpg' in 'C:\Users\aligh\Desktop\My Training\theme1\src\components'


    ولی وقتی عکس رو داخل سایت های آپلود قرار میدم و لینکش رو داخل بک گراند ایمیج وارد میکنم مشکلی پیدا نمیکنه و بک گراند رو نشون میده

    این کد های CSS ام که با لینک از عکس استفاده کردم :
    ```
    header {
    background-image: url("https://www.uplooder.net/img/image/88/e04abf33fae9890172afe26a3a978010/bakcground-header.jpg");
    background-position: 100% 100%;
    height: 100vh;
    width: 100%;
    position: relative;
    }
    ```
    ممنون میشم راهنمایی بفرمایین که چجوری این مشکل رو میشه حل کرد؟

    • سلام وقت بخیر.
      لطفا سوالاتتون را توی قسمت مربوطه بپرسید.
      نباید مشکلی داشته باشید،چک کنید مسیر تصویر درست باشه،ممکنه کش هم کرده باشه،ببندید و دوباره دستور اجرا را بزنید