vue语法如何设置el-select默认值

2025年01月05日 建站教程

vue开发中,如何设置el-select默认值,下面web建站小编给大家简单介绍一下!​

具体代码如下:

<template>
  <el-select v-model="selectedValue" placeholder="请选择">
    <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
  </el-select>
</template>
 
<script>
export default {
  data() {
    return {
      options: [
        { value: 'option1', label: '选项1' },
        { value: 'option2', label: '选项2' },
        { value: 'option3', label: '选项3' }
      ],
      selectedValue: 'option3'
    }
  }
}
</script>

本文链接:http://so.lmcjl.com/news/20768/

展开阅读全文
相关内容