vue中使用ant design vue的单选框(Radio)

话不多说,直接上代码

  <template slot="ckResult" slot-scope="text, record">
      <a-radio-group
        :defaultValue="Number(record.ckResult)"
        @change="onChangeRadiockResult">
        <a-radio :style="radioStyle" :value='0'>
          符合
        a-radio>
        <a-radio :style="radioStyle" :value='1'>
          不符合
        a-radio>
        <a-radio :style="radioStyle" :value='2'>
          不适用
        a-radio>
      a-radio-group>
  template>

在显示的时候直接显示后端传过来的数据(0,1,2),用了v-model以后会把valu的值覆盖掉,当你用上value的时候可以显示出来,但是就不能选择了,在ant design vue的官方解释是value(v-model) 用于设置当前选中的值,类型是any,但是还有一个是defaultValue这个的值,当你设置后你发现还是显示不出来,官方解释也是any类型,也不行,所有就得转一下 :defaultValue=“Number(record.ckResult)”,转成number类型的值就可以了,这样就即可以选择,也可以默认显示出来了。
如果后端给的值是数字的话直接用v-model就可以直接把默认的值给显示出来。不需要改什么。

你可能感兴趣的:(ant-design-vue,vue.js,es6,javascript,html,node.js)