el-option设置长宽高

在 Element UI 中，可以使用 `style` 属性为 `el-option` 设置长宽高。例如：

<el-select v-model="selected" placeholder="请选择">
  <el-option label="选项1" value="1" :style="{ width: '200px', height: '50px', lineHeight: '50px' }"></el-option>
  <el-option label="选项2" value="2" :style="{ width: '200px', height: '50px', lineHeight: '50px' }"></el-option>
</el-select>

这里通过 `:style` 绑定一个对象，设置宽度为 200px，高度为 50px，并且设置行高等于高度，保证选项内容垂直居中显示。你可以根据自己的需求进行调整。

相关问题

<el-select v-model="selectedValue" :default-first-option="true"> <el-option label="选项1" value="1"></el-option> <el-option label="选项2" value="2"></el-option> <el-option label="选项3" value="3"></el-option> </el-select> 无法默认选择第一个选项

你可以尝试使用 `:value` 属性来设置默认选项。你可以在 `data` 中设置 `selectedValue` 初始值为 `1`，然后将 `:value` 绑定到 `selectedValue`，如下所示：

<el-select v-model="selectedValue" :value="selectedValue">
  <el-option label="选项1" value="1"></el-option>
  <el-option label="选项2" value="2"></el-option>
  <el-option label="选项3" value="3"></el-option>
</el-select>

这样第一个选项就会默认被选中了。

<el-select v-model="emp.esex" placeholder="性别"> <el-option label="男" value="0"></el-option> <el-option label="女" value="1"></el-option> </el-select>怎么设置它的默认值

您可以在el-select标签中添加一个属性：default-first-option来设置默认选项为第一个选项。例如：<el-select v-model="emp.esex" placeholder="性别" default-first-option> <el-option label="男" value="0"></el-option> <el-option label="女" value="1"></el-option> </el-select>。这样，男性将成为默认选项。