el-select+vue使用

<el-select class="item-choose" v-model="value" size="small">
    <el-option
        v-for="(item,index) in options"
        :key="index"
        :label="item.label"
        :value="item.value"
></el-option>
</el-select>

import {getNewLists, choiceOthers} from '../../../api/api'
export default {
        data() {
            return {
                options: [{
                    value: '1',
                    label: '苹果'
                }, {
                    value: '2',
                    label: '香蕉'
                }, {
                    value: '3',
                    label: '山竹'
                }],
                value: '1'
            }
        },
        methods:{
            initAllList(){
                getNewLists()
                    .then((response) => {
                        this.$emit('newsList',response.data);
                    })
            },
            getlists(val){
                console.log(val)
                if(val == 1){
                    getNewLists()
                        .then((response) => {
                            this.$emit('newsList',response.data);
                        })
                }
                else if(val == 2){
                    choiceOthers('zhiyou')
                        .then((response) => {
                            this.$emit('newsList',response.data);
                        })
                }
                else{
                    choiceOthers('others')
                        .then((response) => {
                            this.$emit('newsList',response.data);
                        })
                }
            },
        },
        watch: {
            "value": function (value) {
                this.getlists(value)
            },
        },
        created(){
            this.initAllList()
        },
}