怎么把el-input和el-select同一级
时间: 2023-07-24 08:17:27 浏览: 104
Vue中el-form标签中的自定义el-select下拉框标签功能
你可以使用 Element UI 提供的 `el-row` 和 `el-col` 组件,将 `el-input` 和 `el-select` 放在同一行中,例如:
```html
<template>
<el-row>
<el-col :span="12">
<el-input placeholder="请输入内容"></el-input>
</el-col>
<el-col :span="12">
<el-select placeholder="请选择">
<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-col>
</el-row>
</template>
```
其中,`:span` 属性表示列所占比例,这里设置为 12 表示每个列占据一半的宽度。你可以根据实际情况适当调整。
阅读全文