在微信小程序中,`radio-group`组件用于创建一个单选按钮组。默认情况下,每个单选按钮都是选中的(即被选中)。如果你想要设置默认值,可以通过以下方法实现:
1. 使用`v-model`指令绑定数据源,并通过`value`属性设置默认值。
```html
v-model="selectedValue" value="defaultValue" >
export default {
data() {
return {
selectedValue: 'defaultValue', // 默认值
};
},
methods: {
handleOptionClick(value) {
if (this.selectedValue === value) {
this.selectedValue = value;
} else {
this.selectedValue = 'defaultValue';
}
},
},
};
```
在这个例子中,我们使用了`v-model`指令将`selectedValue`与数据源关联起来。通过`value`属性,我们可以设置默认选中的值。当点击不同的单选按钮时,`handleOptionClick`方法会被调用,根据传入的值更新`selectedValue`。
2. 使用`:checked`属性设置默认选中的单选按钮。
```html
v-model="selectedValue" checked="true" >
export default {
data() {
return {
selectedValue: 'defaultValue', // 默认值
};
},
methods: {
handleOptionClick(value) {
if (this.selectedValue === value) {
this.selectedValue = value;
} else {
this.selectedValue = 'defaultValue';
}
},
},
};
```
在这个例子中,我们使用了`:checked`属性来设置默认选中的单选按钮。当用户点击不同的单选按钮时,`handleOptionClick`方法会根据传入的值更新`selectedValue`。