在Vue中，獲取選中的值可以使用v-model指令，但有時(shí)候我們需要根據(jù)用戶的選擇來進(jìn)行一些操作，這時(shí)候就需要用到獲取selected的方法。
獲取selected方法的實(shí)現(xiàn)比較簡(jiǎn)單，我們可以使用以下代碼：
<template>
<select v-model="selected">
<option v-for="option in options" :value="option.value">
{{ option.text }}
</option>
</select>
</template>
<script>
export default {
data() {
return {
selected: '',
options: [
{ text: '選項(xiàng)1', value: '1' },
{ text: '選項(xiàng)2', value: '2' },
{ text: '選項(xiàng)3', value: '3' }
]
};
},
methods: {
doSomething() {
console.log(this.selected);
// 進(jìn)行其他操作
}
}
};
</script>在上述代碼中，我們首先定義了一個(gè)
當(dāng)用戶選擇不同的選項(xiàng)時(shí)，會(huì)自動(dòng)更新selected屬性的值，從而觸發(fā)doSomething()方法。這個(gè)方法可以根據(jù)不同的選項(xiàng)值進(jìn)行不同的操作，實(shí)現(xiàn)了高度的靈活性。