后端返回 boolean值el-radio-group没反应
时间: 2023-07-29 20:09:06 浏览: 105
如果后端返回的是Boolean类型的值,而你使用的是`<el-radio-group>`作为表单选择器,你需要将Boolean类型的值转换为对应的Radio选项的value值,然后将该值与`<el-radio>`的value属性绑定,才能使选项被选中。
例如,如果后端返回的是`true`或`false`,而你需要将其转换为`"yes"`或`"no"`,则可以这样做:
```
<el-radio-group v-model="radioValue">
<el-radio :label="'yes'"></el-radio>
<el-radio :label="'no'"></el-radio>
</el-radio-group>
```
在Vue实例中,你需要定义一个`radioValue`变量来绑定选中的值,然后在获取到后端返回的Boolean值后,将其转换为对应的`"yes"`或`"no"`,并赋值给`radioValue`,这样就能自动选中相应的Radio选项了。
```
data() {
return {
radioValue: ''
}
},
methods: {
handleBackendData(data) {
// 将Boolean值转换为对应的value值
this.radioValue = data ? 'yes' : 'no'
}
}
```
阅读全文