<el-form-item <el-input 在一起的时候,为什么<el-form-item也弄出了一个边框
时间: 2023-06-10 21:08:34 浏览: 100
El-Matador-Nova-unidade:Nova Unidade LP-坎帕尼亚
`<el-form-item>` 组件是 Element UI 中表单的一个项,用于包装表单元素并提供一些辅助功能,如标签、描述、错误提示等。而 `<el-input>` 是 Element UI 中的输入框组件,用于接收用户的输入。
当你将 `<el-input>` 放置在 `<el-form-item>` 中时,`<el-form-item>` 组件会自动将其包装为一个表单项,为其添加标签、描述、错误提示等。同时,`<el-form-item>` 也会为其添加一个边框,以便于区分不同的表单项。
如果你不想要这个边框,可以使用 `:border="false"` 属性来禁用它,例如:
```html
<el-form-item label="用户名" :border="false">
<el-input v-model="username"></el-input>
</el-form-item>
```
这样就可以去掉输入框外部的边框了。
阅读全文