select-season.vue 853 Bytes
<template>
    <Select :value="handleValue" @input="updateValue" placeholder="请选择" style="width: 350px;">
        <Option value="1">春季</Option>
        <Option value="2">夏季</Option>
        <Option value="3">秋季</Option>
        <Option value="4">冬季</Option>
        <Option value="5">春夏季</Option>
        <Option value="6">秋冬季</Option>
    </Select>
</template>

<script>
export default {
    name: 'SelectSeason',
    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>