uniapp radio checked三目运算
时间: 2023-08-27 14:06:46 浏览: 79
可以使用三目运算符来动态设置 radio 组件的 checked 属性。例如:
```html
<template>
<div>
<label>
<input type="radio" :checked="isMale ? 'checked' : ''" @change="handleGenderChange(true)">
男
</label>
<label>
<input type="radio" :checked="!isMale ? 'checked' : ''" @change="handleGenderChange(false)">
女
</label>
</div>
</template>
<script>
export default {
data() {
return {
isMale: true
}
},
methods: {
handleGenderChange(isMale) {
this.isMale = isMale
}
}
}
</script>
```
在上面的代码中,`isMale` 是一个布尔值,代表当前选中的性别。在模板中,我们使用三目运算符来动态设置 radio 组件的 checked 属性,当 `isMale` 为 `true` 时,男性选项被选中,当 `isMale` 为 `false` 时,女性选项被选中。当用户点击选项时,我们通过 `@change` 事件来更新 `isMale` 的值。
阅读全文