el-input label不生效
时间: 2023-08-03 07:17:13 浏览: 385
如果 `el-input` 的 `label` 属性没有生效,可能是因为你没有开启 `label` 功能。你需要在 `el-form` 中设置 `label-position` 属性来开启 `label` 功能,例如:
```html
<el-form :label-position="labelPosition">
<el-form-item label="用户名">
<el-input v-model="username"></el-input>
</el-form-item>
</el-form>
```
在上面的代码中,我们在 `el-form` 上设置了 `label-position` 属性来开启 `label` 功能,然后在 `el-form-item` 上设置了 `label` 属性来设置标题,在 `el-input` 中使用了 `v-model` 来进行数据绑定。
你也可以在全局配置中设置 `el-form` 的 `label-position` 属性,这样所有的 `el-input` 都会自动启用 `label` 功能,例如:
```js
Vue.use(ElementUI, { size: 'small', labelPosition: 'left' })
```
在上面的代码中,我们在 Vue.use() 中设置了全局配置,其中包括了 `labelPosition` 属性,这样所有的 `el-input` 都会默认启用 `label` 功能,并且标题位置为左侧。
阅读全文
相关推荐





