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

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

具体代码如下:

<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>
以上是编程学习网小编为您介绍的“vue语法如何设置el-select默认值”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:vue语法如何设置el-select默认值

基础教程推荐