<el-input v-model="name" placeholder="请输入物品名(支持模糊)" suffix-icon="el-icon-search" style="width: 200px;" @keyup.enter.native="loadPost"></el-input> <el-input v-model="fixno" placeholder="请输入夹具编号(支持模糊)" suffix-icon="el-icon-search" style="width: 200px; margin-left: 5px;" @keyup.enter.native="loadPost"></el-input> 为什么我写了这段代码后,第二个input里就不能输入任何字符了
时间: 2023-11-11 09:47:16 浏览: 41
根据你提供的代码,我注意到第二个 `<el-input>` 组件的样式设置了 `margin-left: 5px;`。这可能导致第二个输入框与第一个输入框之间存在一个间距,这可能会导致第二个输入框无法接收键盘输入。
要解决这个问题,你可以尝试调整第二个输入框的样式,确保它没有与其他元素重叠或被覆盖。你可以通过检查其他 CSS 样式、父元素的布局以及可能的冲突来找到并修复问题。
相关问题
<el-col :span="12"> <el-form-item label="最新版本号:"> <el-input v-model="form.name" placeholder="请输入"></el-input> </el-form-item> <el-form-item label="发版时间:"> <el-input v-model="form.name" placeholder="请输入"></el-input> </el-form-item> </el-col>同行排列
可以使用 `flex` 布局来实现同行排列。将 `el-col` 设置为 `display: flex;`,并将子元素 `el-form-item` 设置为 `flex: 1;`,就可以实现同行排列的效果。
代码如下:
```html
<el-row>
<el-col :span="12" style="display: flex;">
<el-form-item label="最新版本号:" style="flex: 1;">
<el-input v-model="form.name" placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="发版时间:" style="flex: 1;">
<el-input v-model="form.name" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
</el-row>
```
其中,`el-col` 设置为 `display: flex;`,子元素 `el-form-item` 设置为 `flex: 1;`,这样就可以让两个表单项平均分配容器的宽度,实现同行排列的效果。
<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`属性用于在输入框的尾部显示一个图标。
请尝试以下代码:
```html
<el-input placeholder="请输入酒店查找名称" suffix-icon="el-icon-search" v-model="input2"></el-input>
```
如果问题仍然存在,请确认您是否正确引入了Element UI库,并且该图标在您的项目中是可用的。您可以检查Element UI官方文档中的图标库以获取更多可用图标的信息。希望能对您有所帮助!如果还有其他问题,请随时向我提问。