海mia婊婊想上岸

导航

ant design单选框设置默认选择某一项

官网案例:https://www.antdv.com/components/radio-cn/

数据源长这样的

const plainOptions = ['Apple', 'Pear', 'Orange'];

这样设置

<a-radio-group :options="plainOptions" :default-value="'Apple'"/>

而数据源长这样的

const options = [
  { label: 'Apple', value: '1' },
  { label: 'Pear', value: '2' },
  { label: 'Orange', value: '3' },
];

这样设置

<a-radio-group :options="options" v-model="'1'"/>

我遇到的易错项:

const options = [
  { label: 'Apple', value: '1' },//此处'1'是字符
  { label: 'Pear', value: '2' },
  { label: 'Orange', value: '3' },
];
<a-radio-group :options="options" v-model="1" /> //此处1是数字

导致设置无效

 

注:

若:default-value和:value同时使用,:default-value将会失效。
<a-radio-group :options="qrCodeTypeList" :default-value="'1'" :value="'2'" />

 

posted on 2021-08-30 16:55  海mia婊婊想上岸  阅读(1310)  评论(0编辑  收藏  举报