DropDown در VueJs
در تاریخ توسط

برای ایجاد DropDown  بوسیله VueJs


<select v-model="selectedRoleId1">
<option v-bind:value="null">Select an item</option>
<option v-for="item in roles" v-bind:value="item.id">{{item.name}}</option>
</select>

نکته ای که وجود دارد این است که v-bind:value مقدارش ، مقداری هست که value مربوط به dropdownlist هست یعنی اون مقداری که در نهایت پس از ثبت بازگشت داده میشود یعنی مقداری که در نهایت به عنوان selectedRoleId بازگشت داده میشود.
 
		const app = new Vue({
			el: `#app`,
			data: {

				roles: [
					{ id: 1, name: `User`, },
					{ id: 2, name: `Manager`, },
					{ id: 3, name: `Supervisor`, },
					{ id: 4, name: `Administrator`, },
				],

				selectedRoleId1: null,
			},

			created: function () {
				this.selectedRoleId1 = this.roles[1].id
			},
		})




 

گروه های پست :
تعداد مشاهده : 103
تعداد پسندها : 0
تعداد نظرات : 0
تعداد پیوست ها : 0

ارسال دیدگاه

ایمیل شما به کاربران نمایش داده نمی شود .

دیدگاه ها

تا کنون نظری داده نشده است .
اولین کسی باشید که دیدگاه خود را ثبت می کند .

loading...

لطفا منتظر بمانید...