iview 里面的radio 实现默认单选选中的值（本次不使用render函数）

根据官网实现如下：

代码如下：

<template>
    <RadioGroup v-model="disabledGroup">
        <Radio label="金斑蝶"></Radio>
        <Radio label="爪哇犀牛"></Radio>
        <Radio label="印度黑羚"></Radio>
    </RadioGroup>
</template>
<script>
    export default {
        data () {
            return {
                disabledGroup: '爪哇犀牛'
            }
        }
    }
</script>

方法改进：增加默认值 和传给接口用的方法：

具体代码如下：

<template>
    <RadioGroup v-model="disabledGroup" @on-change="changes">
        <Radio value="01" label="金斑蝶"></Radio>
        <Radio value="02" label="爪哇犀牛"></Radio>
        <Radio value="03" label="印度黑羚"></Radio>
    </RadioGroup>
</template>
<script>
    export default {
        data () {
            return {
                disabledGroup: '金斑蝶'
            }
        },
      methods:{
        changes(data){
          console.log("data",data);
          this.disabledGroup = data; // 传到接口里面用的变量值
        }
      }
    }
</script>

 

最后为了方便大家的沟通与交流请加QQ群： 625787746

请进QQ群交流：【IT博客技术分享群①】：https://jq.qq.com/?_wv=1027&k=DceI0140