下拉框为单选的情况

1.解决方法：----就是给el-select绑定的v-mode的值设置一个默认值即可，在单选的情况下，value的值为字符串，将想要默认显示的值的value所对应的值给value即可
2.代码展示：
html代码：

    <el-select v-model="value" filterable placeholder="请选择">
        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
        </el-option>
    </el-select>

js代码段：---观察value的变化

data() {
            return {
                options: [{
                    value: '选项1',
                    label: '黄金糕'
                }, {
                    value: '选项2',
                    label: '双皮奶'
                }, {
                    value: '选项3',
                    label: '蚵仔煎'
                }, {
                    value: '选项4',
                    label: '龙须面'
                }, {
                    value: '选项5',
                    label: '北京烤鸭'
                }],
                value: '选项1'
            }
        }

3.展示图片：

image.png

在多选的情况下，默认选中的写法

1.原理大致一样，在多选的情况下，value的值对应的值为一个数组，将想要默认显示的值，添加到数组中即可
2.代码展示：
html代码：---代码就是在el-select的标签内部加一个单词-multiple，multiple就是实现可以实现下拉框的多选。

 <el-select v-model="value" multiple placeholder="请选择">
        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
        </el-option>
    </el-select>

js代码：---此处的value的值为数组，想要默认显示多项，就需要给数组中增加值

 data() {
            return {
                options: [{
                    value: '选项1',
                    label: '黄金糕'
                }, {
                    value: '选项1',
                    label: '双皮奶'
                }, {
                    value: '选项3',
                    label: '蚵仔煎'
                }, {
                    value: '选项4',
                    label: '龙须面'
                }, {
                    value: '选项5',
                    label: '北京烤鸭'
                }],
                value: ['选项1','选项2']
            }
        }

3.展示图：

image.png