[Vue] 自定义 Radio 组的取值相关问题

老大说 select 不方便。让我改成 radio 组的样子，然而我是个前端菜鸡(T-T)。跪求大佬解答 Orz

    var temp = '<label class="btn btn-default" :for="id">{{ name }}'
             + '<input :id="id" type="radio" :value="id" :checked="checkVal" @change="update"></label>';
    Vue.component('radio-tag', {
        template: temp,
        model:{
            prop: 'modelVal',
            event: 'change'
        },
        props: {
            id: String, 
            name: String,
            selected: String,
            modelVal: ''
        },
        computed: {
            checkVal () {
                alert('check');
                return this.modelVal = this.id;
            }
        },
        methods: {
            update() {
                alert('update');
                this.$emit('change', this.modelVal);
            }
        }
    });

<div class="btn-group" data-toggle="buttons">
   <radio-tag v-for="item in items" :id="item.id" :name="item.name" :selected="s" v-model="s"></radio-tag>
</div>

radio 点击就没有反应， checkVal 和 update 都没进。更没有把点的 radio 值绑定到 s 上了。