cv-input-counter 计数器

简要

计数器\数量 仅允许输入标准的数字值，可定义起始数字和范围。

示例

::: demo

<template>
  <div style="width: 520px">
    <div style="display: flex; flex-direction: column; gap: 10px; margin-bottom: 10px">
      <h1>input 组件 - 计数器</h1>
      <cv-input-counter v-model="formData.counter1" />
      <cv-input-counter v-model="formData.counter2" :min="2" :step="2" />
    </div>
    <cv-btn-base @click="hanldeSubmit">按钮</cv-btn-base>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // input数据
      formData: {}
    };
  },
  methods: {
    hanldeSubmit() {
      console.log('最后的formData', this.formData);
    }
  }
};
</script>

:::

属性

属性名	类型	默认值	说明	可选值
placeholder	String	-	输入框占位文本	-
disabled	Boolen	false	是否禁止	-
v-model	String	-	数据双向绑定	-
min	Number	-Infinity	设置计数器允许的最小值	-
max	Number	Infinity	设置计数器允许的最大值	-
step	Number	1	计数器步长	-
size	String	-	尺寸	medium / small / mini

• [ rules ] 内置规则

规则	说明
require	是否必填（字段名前显示星号）