不让element-UI中el-input独自占一行
时间: 2023-08-04 20:05:27 浏览: 465
如果您不想让el-input独自占一行,可以使用Element-UI提供的栅格系统进行布局。示例代码如下:
```
<el-row>
<el-col :span="12">
<el-input v-model="form.input"></el-input>
</el-col>
</el-row>
```
其中,el-col的span属性可以控制列宽,具体使用可以参考Element-UI官方文档。这样就可以让el-input和其他元素在同一行显示了。
相关问题
element-UI中el-input独自占一行
您可以设置el-input的样式为display:block,这样它就会独自占一行了。例如:
```
<el-input style="display:block;"></el-input>
```
解决element-UI中el-input独自占一行
使用Element-UI的el-form组件包裹el-input,可以让el-input独自占一行,并且可以方便的进行表单验证。示例代码如下:
```
<el-form ref="form" :model="form" :rules="rules">
<el-form-item label="输入框">
<el-input v-model="form.input"></el-input>
</el-form-item>
</el-form>
```
其中,form是数据对象,rules是表单验证规则,具体使用可以参考Element-UI官方文档。
阅读全文