<template>
    <Radio-group :value="handleValue" @input="updateValue" style="width: 350px;">
        <Radio label="1">
            <span>男</span>
        </Radio>
        <Radio label="2">
            <span>女</span>
        </Radio>
        <Radio label="3">
            <span>通用</span>
        </Radio>
    </Radio-group>
</template>

<script>
export default {
    props: ['value'],
    data() {
        let _this = this;

        return {
            handleValue: _this.value
        };
    },
    methods: {
        updateValue(newValue) {
            let nValue = newValue;

            this.$emit('input', nValue);
        }
    },
    watch: {
        value(newValue) {
            this.handleValue = newValue;
        }
    },
};
</script>

<style>

</style>