vue项目中input的radio一开始都未选中

• 将v-model设为空，使用js方法获取选中的值

<template>
  <div>
      <ul>
      <li v-for='item in arr' :class='item.is_check==0?"gray":""'>{{item.name}}<input type='radio' name="groupname" :value='item.name' v-model="check"/></li>
      </ul>
  <button @click="submit()">选中</button>
  </div>
</template>
<script>
export default{
  data(){
    return{
      arr:[
        {name:'zzc',is_check:'0'},{name:'lxy',is_check:'1'}
      ],
      check:"",
      selectedName:''
    }
  },
  methods:{
//拿到选中的值
    submit(){
      let _this=this;
    var id=document.getElementsByName("groupname");
      for(var i=0;i<id.length:i++){
        _this.selectedName=id[i].checked;
      }
    }
  }
}
</script>
<style scoped>
.gray{
  opacity:0.6
}
</style>