vue3 element ui 数字区间 input
时间: 2023-10-12 11:10:57 浏览: 148
vue3 element ui plus 登入
在 Element UI 中,可以使用 `el-input-number` 组件来实现数字区间的输入。
在 Vue 3 中,可以使用 `v-model` 指令来绑定数据,在 `el-input-number` 组件中设置 `min` 和 `max` 属性来限制输入的区间。
以下是一个简单的示例代码:
```html
<template>
<div>
<el-input-number v-model="start" :min="0" :max="100"></el-input-number>
<span> 到 </span>
<el-input-number v-model="end" :min="0" :max="100"></el-input-number>
</div>
</template>
<script>
export default {
data() {
return {
start: 0,
end: 0
};
}
};
</script>
```
在上面的代码中,我们使用了两个 `el-input-number` 组件来输入数字区间。通过 `v-model` 指令来绑定数据,在组件中设置 `min` 和 `max` 属性来限制输入的区间。
阅读全文