解决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官方文档。

相关问题

element-UI中el-input独自占一行

您可以设置el-input的样式为display:block，这样它就会独自占一行了。例如：

<el-input style="display:block;"></el-input>

不让element-UI中el-input独自占一行

如果您不想让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和其他元素在同一行显示了。