vue对象属性关联select，初始化select值

vue对象属性关联select，初始化select值

vue对象的某一个属性关联select，初始化select值，之后select选中其他下拉值没有选中显示在select种，有以下2种解决办法

1. 在项目中如果select的v-model关联使用对象的某一个属性，如果初始化select的值，需要在data中定义对象的属性（在data中未定义对象的属性，即在data中定义一个空对象，select选中改变不会发生）

<template>
    <el-select v-model='form.selectValue'>
        <el-option v-for='it in list' :key='it.value' :label='it.label' :value='it.value'>
        </el-option>
    </el-select>
</template>

<script>
export default {
    data() {
        return {
            form: {
                selectValue: ''
            },

            list:[
                {label: '西红柿', value: 'tomato'},
                {label: '鸡蛋', value: 'egg'},
                {label: '香蕉', value: 'banana'}
            ]
        }
    },

    mounted() {
        this.form.selectValue = this.list[0].value  //初始化select的值，
    }
}
</script>

2. 在data中未定义对象属性，即在data中定义一个空对象，如果想要select选中改变事件生效，需要在select的change事件中重新给对象赋值