<el-input-number v-model="value" :readonly="true"></el-input-number>无法变成只读模式
时间: 2024-01-21 13:18:49 浏览: 98
通过disabled和readonly将input设置为只读效果
5星 · 资源好评率100%
你可以添加 `disabled` 属性来禁用输入框,并将 `readonly` 属性设置为 `true` 来防止用户通过键盘输入:
```html
<el-input-number v-model="value" disabled :readonly="true"></el-input-number>
```
这样用户就无法通过键盘或鼠标操作改变输入框的值,但是仍然可以通过 JavaScript 代码来更新 `value` 的值。如果你想完全禁用该输入框,可以将其包装在一个 `<div>` 中并将 `disabled` 属性设置为该 `<div>`,如下所示:
```html
<div disabled>
<el-input-number v-model="value" :readonly="true"></el-input-number>
</div>
```
这样用户无法通过任何方式改变输入框的值。
阅读全文