form.item里的radio.group换行
时间: 2024-10-25 13:09:31 浏览: 49
在Ant Design Vue(简称`ant-design-vue`)组件库中,`form.Item`下的`radio.Group`如果需要换行显示,可以设置`options`属性的值为数组,并在每个选项里单独定义一个`label`元素。例如:
```html
<template>
<a-form-item label="选择项">
<a-radio-group v-model="selectedOption" :options="options">
<a-radio-option v-for="(option, index) in options" :key="index" :value="option.value">
{{ option.label }}
</a-radio-option>
</a-radio-group>
</a-form-item>
</template>
<script>
export default {
data() {
return {
selectedOption: '',
options: [
{ value: 'option1', label: '<span>选项1<span><br/>描述一</span>' },
{ value: 'option2', label: '<span>选项2</span><br/>描述二' },
// 更多选项...
],
};
},
};
</script>
```
这里,每个`<a-radio-option>`标签的`label`包含了一个`<br>`标签用于换行,你可以根据需要调整样式或结构。
阅读全文