Number inputs

VNumberInput 扩展了标准的 HTML 数字类型输入，作为<input type="number">的替代品，确保了跨浏览器的样式一致性。

WARNING

此功能需要 v3.5.10 版本。

Installation （安装）

实验室组件需要手动导入和安装该组件。

import { VNumberInput } from "vuetify/labs/VNumberInput";

export default createVuetify({
  components: {
    VNumberInput,
  },
});

Usage （使用）

这里我们显示了一个可以在应用程序中应用的设置列表。

API

组件	描述
v-number-input	主要组件

Guide （指南）

v-number-input组件是建立在 v-field 和 v-input组件之上的。它被用作<input type="number">的替代品，接受来自用户的数值。

Props (属性)

v-number-input 组件支持大多数v-field的道具，并遵循与其他输入相同的设计模式。

Control-variant (络控制变量技术)

control-variant(控制变量)prop 提供了一种简单的方法来定制步进器按钮布局。以下值是有效的选项: default, stacked 和 split。

Reverse （反转）

reverse（反向）道具自动将步进按钮的位置更改为默认和堆叠控制变量的相反一侧。

Hide-input （隐藏输入）

hide-input（隐藏输入）道具隐藏输入字段，只允许步进按钮可见。这些步进按钮遵循堆叠控制变体布局。

Inset （嵌入）

inset（插入）道具通过减小按钮分隔符的大小来调整步进按钮的样式。

Min/Max

min 和 max道具指定 v-number-input 可接受的最小值和最大值，其行为与<input type="number">的本地 min 和 max 属性相同。

Step （步长）

step prop 的行为与<input type="number">中的step属性相同，它定义了用于调整数值的增量步骤。