el-input图标

el-input组件可以通过suffix-icon属性或prefix-icon属性来添加图标。例如，在代码引用中，suffix-icon="el-icon-date"表示在el-input组件的末尾添加了一个日期图标，而prefix-icon="el-icon-search"表示在el-input组件的开头添加了一个搜索图标。同样，在引用和引用中，也使用了类似的方式来添加图标。

相关问题

el-input图标左侧顶格

你可以使用 `prefix-icon` 属性和 CSS 来将 `el-input` 组件的图标左侧顶格。

首先，设置 `prefix-icon` 属性为你想要的图标，例如：

<el-input prefix-icon="el-icon-search"></el-input>

然后，使用 CSS 来调整图标的位置：

.el-input__prefix {
  margin-left: 0;
}

这样就能将图标左侧顶格显示在 `el-input` 组件中了。

<el-input placeholder="请输入酒店查找名称" prefix-icon="el-icon-search" v-model="input2"></el-input>图标没有显示

您好！根据您的描述，您想在一个输入框中显示一个带有搜索图标的提示文本。首先，请确保您已经正确引入了Element UI库，并且已经在组件中注册了`el-input`组件。

其次，根据您提供的代码，您可以尝试在`<el-input>`标签中添加`suffix-icon`属性，而不是`prefix-icon`属性。`suffix-icon`属性用于在输入框的尾部显示一个图标。

请尝试以下代码：

<el-input placeholder="请输入酒店查找名称" suffix-icon="el-icon-search" v-model="input2"></el-input>

如果问题仍然存在，请确认您是否正确引入了Element UI库，并且该图标在您的项目中是可用的。您可以检查Element UI官方文档中的图标库以获取更多可用图标的信息。希望能对您有所帮助！如果还有其他问题，请随时向我提问。