برای ایجاد 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
},
})
گروه های پست :
تعداد مشاهده :
378
تعداد پسندها :
0
تعداد نظرات :
0
تعداد پیوست ها :
0
ارسال دیدگاه
دیدگاه ها
تا کنون نظری داده نشده است .
اولین کسی باشید که دیدگاه خود را ثبت می کند .
