Vue的el-radio是一個(gè)常用的單選框組件，可以通過click、change等事件來監(jiān)聽用戶的選擇。下面我們來看一下el-radio click事件的使用示例。

<template>
<div>
<el-radio v-model="radio" label="1" @click="handleRadioClick">選項(xiàng)1</el-radio>
<el-radio v-model="radio" label="2" @click="handleRadioClick">選項(xiàng)2</el-radio>
<el-radio v-model="radio" label="3" @click="handleRadioClick">選項(xiàng)3</el-radio>
</div>
</template>
<script>
export default {
data () {
return {
radio: ''
};
},
methods: {
handleRadioClick (val) {
console.log('用戶選擇了：', val);
}
}
};
</script>

在上面的示例中，我們創(chuàng)建了三個(gè)el-radio單選框，分別對(duì)應(yīng)著不同的選項(xiàng)。這些單選框都綁定了v-model，用來記錄用戶的選擇。同時(shí)，我們還給每個(gè)單選框綁定了@click事件，用來監(jiān)聽用戶的點(diǎn)擊行為。當(dāng)用戶點(diǎn)擊某個(gè)單選框時(shí)，會(huì)觸發(fā)相應(yīng)的@click事件。

在Vue中，事件的處理函數(shù)一般是定義在methods中的。所以我們?cè)趍ethods中定義了一個(gè)handleRadioClick函數(shù)，用來處理單選框的點(diǎn)擊事件。另外，我們還向這個(gè)函數(shù)傳遞了一個(gè)val參數(shù)，用來表示用戶選擇的值。

在handleRadioClick函數(shù)中，我們通過console.log打印出用戶選擇的值。這樣，我們就可以在控制臺(tái)中看到用戶的選擇結(jié)果了。