Vue හි select සමඟ වැඩ කිරීම

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 භාවිතයෙන් පරිශීලකයාගෙන් විමසන්න ඔහු ජීවත් වන්නේ කුමන නගරයේද යන්න. තෝරාගත් නගරය ඡේදයක් තුළ පෙන්වීමට සකස් කරන්න.