el-input设置禁止输入
时间: 2023-08-29 10:12:30 浏览: 2426
input禁止键盘及中文输入,但可以点击
你可以通过设置属性 `disabled` 或 `readonly` 来禁止 `el-input` 组件的输入:
- `disabled` 属性可以禁用 `el-input` 组件的输入和交互,同时会添加一个半透明的遮罩层,表示该组件已被禁用。
- `readonly` 属性可以防止用户修改 `el-input` 组件的值,但是仍然可以进行交互。
示例代码:
```html
<el-input disabled v-model="inputValue"></el-input>
```
```html
<el-input readonly v-model="inputValue"></el-input>
```
其中,`v-model` 绑定的是输入框的值。
阅读全文