el-radio点击事件存入值
时间: 2023-08-15 20:10:47 浏览: 101
要在 el-radio 组件的点击事件中存入值,您可以使用 v-model 指令和一个 data 属性来实现。
首先,在 data 中定义一个变量来存储选中的值,例如:
```javascript
data() {
return {
selectedValue: ''
}
}
```
然后,在 el-radio 组件上使用 v-model 指令将选中的值与该变量进行绑定,例如:
```html
<el-radio v-model="selectedValue" label="option1" @change="handleRadioChange">Option 1</el-radio>
<el-radio v-model="selectedValue" label="option2" @change="handleRadioChange">Option 2</el-radio>
```
接下来,在点击事件的处理方法 `handleRadioChange` 中,您可以访问 `selectedValue` 变量并对其进行操作,例如:
```javascript
methods: {
handleRadioChange() {
console.log(this.selectedValue); // 选中的值
// 在这里可以进行进一步的操作,如存入其他变量或发送到后端进行处理
}
}
```
这样,当用户点击 el-radio 组件时,选中的值将被存储在 `selectedValue` 变量中,并且可以在 `handleRadioChange` 方法中进行进一步的处理。
阅读全文