vueelement单选框怎么实现传给后端 true false
时间: 2024-01-30 16:03:59 浏览: 96
vue中element 的upload组件发送请求给后端操作
要实现将 Vue Element UI 的单选框值传给后端,可以使用 v-model 指令绑定一个变量,并将值转换为 true/false。
例如,可以在 template 中这样写:
```
<template>
<el-radio v-model="selected" label="true">是</el-radio>
<el-radio v-model="selected" label="false">否</el-radio>
</template>
```
然后在 script 中定义 selected 变量:
```
<script>
export default {
data() {
return {
selected: false
}
}
}
</script>
```
当用户选择“是”时,selected 变量的值会变为 true;当用户选择“否”时,selected 变量的值会变为 false。
在向后端发送数据时,可以将 selected 变量的值转换为 true/false,例如:
```
axios.post('/api/submit', { selected: this.selected ? true : false })
```
阅读全文