<el-form-item label="告警级别:" prop="alertLevel"> <el-select v-model="queryParams.alertLevel" @keyup.enter.native="handleQuery"> <el-option v-for="item in alertLevels" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </el-form-item>默认显示第一个option

如果你想让 el-select 默认显示第一个选项，可以在 data 中设置 `queryParams.alertLevel` 的默认值，例如：

<template>
  <div>
    <el-form-item label="告警级别:" prop="alertLevel">
      <el-select v-model="queryParams.alertLevel" @keyup.enter.native="handleQuery">
        <el-option v-for="item in alertLevels" :key="item.value" :label="item.label" :value="item.value"></el-option>
      </el-select>
    </el-form-item>
  </div>
</template>

<script>
export default {
  data() {
    return {
      queryParams: {
        alertLevel: 'low' // 默认选中 "低级别" 这个选项
      },
      alertLevels: [
        { label: '低级别', value: 'low' },
        { label: '中级别', value: 'medium' },
        { label: '高级别', value: 'high' }
      ]
    }
  },
  methods: {
    handleQuery() {
      // ...
    }
  }
}
</script>

这样，当 el-select 第一次被渲染时，它会自动选择 "低级别" 这个选项作为默认值。