element中el-select无法默认选中

Question

问题：el-select无法默认选中

代码：

<el-select v-model="frequency">
    <el-option v-for="(item, index) in options" :value="item.value" :key="index">
    </el-option>
</el-select>

options: [
    {
        value: '60',
        label: '1 minute'
    }, {
        value: '180',
        label: '3 minutes'
    }, {
        value: '300',
        label: '5 minutes'
    }
]

frequency = ”60“

报错：

没有报错，只是不是预期的效果。预期中Driver Status Update Frequency的值应该是和60相对应的1 minute。

解决方案：需要在el-option上添加label属性。

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

花费了一个小时。

Answer 1

官方文档：
label 选项的标签，若不设置则默认与 value 相同 string/number — —