InputNumber 计数器

基础用法

<template>
  <pd-input-number v-model="count"></pd-input-number>
</template>

<script>
  export default {
    data() {
      return {
        count: 1,
      };
    },
  };
</script>

显示代码 复制代码 复制代码

禁用状态

计数器不可操作状态

通过 disabled 属性指定是否禁用 inputNumber 组件

<template>
  <pd-input-number v-model="count" disabled></pd-input-number>
</template>

<script>
  export default {
    data() {
      return {
        count: 1,
      };
    },
  };
</script>

显示代码 复制代码 复制代码

设置步数

允许定义递增递减的步数控制

设置 step 属性可以控制步长，接受一个 Number。

<template>
  <pd-input-number v-model="count" :step="2"></pd-input-number>
</template>

<script>
  export default {
    data() {
      return {
        count: 3,
      };
    },
  };
</script>

显示代码 复制代码 复制代码

设置精度

允许定义数值精度控制

设置 precision 属性可以控制精度，接受一个 Number。

<template>
  <pd-input-number v-model="count" :step="0.1" :precision="2"></pd-input-number>
</template>

<script>
  export default {
    data() {
      return {
        count: 1.0,
      };
    },
  };
</script>

显示代码 复制代码 复制代码