telegram

توضیحات

در این جلسه به توضیح نحوه استفاده از selectbox در form(فرم) در vue.js (ویو جی اس) می پردازیم.

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

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

مدرس دوره علی شیخ
مدت دوره 11:05:31
تعداد ویدیو 69
وضعیت دوره : کامل شده
قیمت دوره : رایگان
برای دانلود ابتدا وارد سایت شوید
دسته بندی دوره ها
HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

دوره های پشنهادی

دوره های آموزشی
آموزش نکست جی اس (next.js)
کامل شده
% 10 تخفیف

آموزش نکست جی اس (next.js)

نکست جی اس ورژن 14، فریمورک Next.js یکی از فریمورک های کتابخانه React برای production است به این معنی که، برای تمام آنچه...

599,000 539,000 تومان
24:41:33
آموزش رایگان گیت و گیت هاب (git & github)
کامل شده

آموزش رایگان گیت و گیت هاب (git & github)

گیت (Git) یک سیستم کنترل ورژن است که با آن می‌توانید تغییرات اعمال شده در فایل‌ها را ساده‌تر پیگیری کنید. مثلاً، اگر فای...

رایگان
07:58:20
آموزش انیمیشن در سی اس اس (css animation) پروژه محور
کامل شده
% 10 تخفیف

آموزش انیمیشن در سی اس اس (css animation) پروژه محور

در این دوره فوق العاده کاربردی قرار هست در مورد Transition ,Transform 3D, Transform و Animation در دنیای CSS با هم دیگه...

229,000 206,000 تومان
08:46:05
آموزش نست جی اس (nest.js)
کامل شده
% 10 تخفیف

آموزش نست جی اس (nest.js)

نست جی اس (nest.js) فریمورک یا چارچوبی برای ایجاد برنامه های کارآمد و مقیاس پذیر node.js در سمت سرور است. این فریمورک از...

699,000 629,000 تومان
12:52:59
مشاهده تمام دوره های آموزشی

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

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

  • Davood Noruzy

    با سلام و احترام
    با توجه به کدهای ارسالی ،در فایل main.js ، چرا مقدار lang حتما باید یکی از مقدار آرایه langs باشد ؟ ارتیاط این دو تا رو متوجه نمیشم .
    من یک مقدار خارج از مقادیر آرایه langs را برای مقدار lang قرار دادم ، اصلا نشناخت. برای همین میگه که با هم در ارتباط هستند . حالا چطوری در ارتباط هستند رو ممنون میشم توضیح بدبد.
    کد HTML : 

    

     <div id="app">

          <form action="">

            <label for="language">Select lang:</label>

    

            <select v-model="formData.lang">

              <option v-for="(lang,index)  in langs " :key="index">{{lang}}    </option>

            </select>

            <hr />

            <button @click.prevent="show" type="submit">Submit</button>

          </form>

        </div>

    کد Vue : 
    

    Vue.createApp({

      data() {

        return {

          langs: ["c", "php", "js"],

          formData: {

            lang: "c",

          },

        };

      },

    

      methods: {

        show() {

          console.log(this.formData);

        },

      },

    }).mount("#app");

    • علی شیخ

      5 ماه پیش

      سلام وقت بخیر.
      بخاطر اینکه شما توی option حلقه زدید بر اساس دیتاهای متغیر langs و از طرفی گفتیم که مقداری که انتخاب میشه داخل متغیر lang قرار بگیره با v-model که اسم این متغیر میتونه هر اسم دیگه ای باشه
      حالا اگه قصد دارید option ای بصورت پیش فرض انتخاب باشه باید یکی از دیتاهای متغیر langs باشه