element-ui el-input只显示下划线

如果 `el-input` 只显示下划线，可能是由于以下原因：

1. 没有正确引入 Element UI 库。请确保已正确引入 Element UI 库，并且已正确注册组件。

2. 没有设置 `v-model` 属性。请确保在 `el-input` 上设置了 `v-model` 属性，以便与数据绑定。

3. CSS 样式冲突。请检查您的 CSS 文件或样式表，确保没有覆盖 Element UI 的样式。

4. 可能存在其他 JavaScript 错误。请在控制台中查看是否存在其他错误信息，以便诊断问题。

您可以尝试排除以上原因，来解决 `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官方文档。

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