问题描述
最近在使用elementUI做一个项目,遇到了一个小问题。需求是在新添加数据时,选择下拉框显示提示语(请选择XXX),如果是修改的时候,默认显示的是从后台获取的数据。我是从后台获取的数字类型,需要默认的显示再下拉选择框中。
问题解决
看官网上的实例,el-option标签的数据源数组的每个对象有value和label两个属性,el-option标签的value对应的就是标签el-select中v-model要绑定的value。
官网实例如下:
<template>
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],