ভিউ-তে select-এর সাথে কাজ

select-এর সাথে কাজ একইভাবে করা হয় - ট্যাগে একটি v-model অ্যাট্রিবিউট যুক্ত করা হয়, এটি data অবজেক্টের একটি প্রপার্টির সাথে বাইন্ড করা হয়। এই প্রপার্টিতে option ট্যাগের নির্বাচিত টেক্সট সংগ্রহিত হবে।

নিম্নলিখিত কোডটি ড্রপ-ডাউন তালিকার কাজের একটি উদাহরণ প্রদর্শন করে:

javascriptdata() {
  return {
    selected: 'value1', // ডিফল্ট মান
  }
}
App.vue<template>
  <select v-model="selected">
    <option>value1</option>
    <option>value2</option>
    <option>value3</option>
  </select>
  
  <p>{{ selected }}</p>
</template>
Задание 1

select ব্যবহার করে ব্যবহারকারীকে জিজ্ঞাসা করুন সে কোন শহরে বাস করে। নির্বাচিত শহরটি একটি প্যারাগ্রাফে প্রদর্শিত হবে তা নিশ্চিত করুন।