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 का उपयोग करके उपयोगकर्ता से पूछें कि वह किस शहर में रहता है। ऐसा करें कि चयनित शहर एक पैराग्राफ में प्रिंट हो जाए।