el-input-number设置只读
时间: 2024-06-16 16:05:48 浏览: 308
vue + el-input 中 textarea 实现 placeholder 换行
要将 `el-input-number` 设置为只读,可以使用 `readonly` 属性。将 `readonly` 属性设置为 `true`,即可禁用用户对输入框的编辑。
以下是一个示例代码:
```html
<template>
<div>
<el-input-number v-model="value" :readonly="true"></el-input-number>
</div>
</template>
<script>
export default {
data() {
return {
value: 10
};
}
};
</script>
```
在上述代码中,`el-input-number` 组件的 `readonly` 属性被设置为 `true`,这样用户将无法编辑输入框的值。
阅读全文