el-input 只读vue
时间: 2024-01-19 08:04:52 浏览: 189
以下是el-input只读的Vue实现方法:
1. 在data中定义readonly为true:
```javascript
data() {
return {
readonly: true
}
}
```
2. 在el-input中加上:readonly="readonly":
```html
<el-input :readonly="readonly"></el-input>
```
3. 如果需要禁用,可以在data中定义edit为false:
```javascript
data() {
return {
edit: false
}
}
```
4. 在el-input中加上:disabled="!edit":
```html
<el-input :disabled="!edit"></el-input>
```
阅读全文