【mpvue】radio-group 标签组 点击两次 label才可以选中状态

<template>
  <radio-group @change="radioChange">
    <label v-for="(item, index) in items" :key="item.name">
      <radio :value="item.name" :checked="item.checked"  /> {{item.value}}
    </label>
  </radio-group>
</template>
<script>
export default {
  data () {
    return {
      as_type:1,
      items: [
        {name: '1', value: '场内',checked: 'true'},
        {name: '2', value: '场外'}
      ]
    }
  },
  methods: {
    radioChange (e) {
      console.log('ee',e.target.value)
      this.as_type = e.target.value
      console.log('this.as_type',this.as_type)
    }
  }
}
</script>

created () {
  as_type: 1
},
data () {
  return {
      items: [
        {name: '1', value: '场内',checked: 'true'},
        {name: '2', value: '场外'}
      ]
  }
}

const data = {
    as_type: this.as_type? this.as_type : 1
}