select-თან მუშაობა Vue-ში

select-თან მუშაობა ხორციელდება ანალოგიურად - ტეგს ემატება ატრიბუტი v-model, რომელიც უკავშირდება data ობიექტის თვისებას. ამ თვისებაში შევა არჩეული option ტეგის ტექსტი.

შემდეგი კოდი აჩვენებს ჩამოსაშლელი სიის მუშაობის მაგალითს:

data() {
	return {
		selected: 'value1', // ნაგულისხმევი მნიშვნელობა
	}
}

<template>
	<select v-model="selected">
		<option>value1</option>
		<option>value2</option>
		<option>value3</option>
	</select>
	
	<p>{{ selected }}</p>
</template>

select-ის გამოყენებით ჰკითხეთ მომხმარებელს რომელ ქალაქში ცხოვრობს ის. გაუკეთეთ ისე, რომ არჩეული ქალაქი გამოჩნდეს აბზაცში.