【Vue】a-radio-group单选框数字与字符串回显问题

sunywz

于 2024-10-08 13:51:35 发布

阅读量667

点赞数 3

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_31776219/article/details/142757766

版权

一、本章诉求

根据后端接口返回数字或字符串，来配置Ant Design of Vue中a-radio-group单选框的回显问题，注意value中的取值是不一样的。

二、代码示例

纯数字回显

data定义的变量
  sizeRadio:1024,//定义为数字

<a-radio-group button-style="solid" class="sizeRadioGroup" @change="changeSize"
                     v-model="sizeRadio">
        <a-radio-button :value='512'>
          512
        </a-radio-button>
        <a-radio-button :value='768'>
          768
        </a-radio-button>
        <a-radio-button :value="1024">
          1024
        </a-radio-button>
        <a-radio-button :value='2048'>
          2048
        </a-radio-button>

      </a-radio-group>

数字字符串回显

data定义的变量
sizeRadio:'1024', //定义为字符串


<a-radio-group button-style="solid" class="sizeRadioGroup" @change="changeSize"
                     v-model="sizeRadio">
        <a-radio-button :value='"512"'>
          512
        </a-radio-button>
        <a-radio-button :value='"768"'>
          768
        </a-radio-button>
        <a-radio-button :value='"1024"'>
          1024
        </a-radio-button>
        <a-radio-button :value='"2048"'>
          2048
        </a-radio-button>

      </a-radio-group>