InputNumber 数字输入框

数字输入框，基础 el-input-number 封装，增加了 "允许清空、幽灵模式" 等扩展功能。

基本用法

点击查看代码

<template>
  <s-input-number v-model="numberValue" placeholder="请输入"></s-input-number>
</template>

<script setup lang="ts">
  import { ref } from "vue";

  const numberValue = ref<number>(1);
</script>

允许清空

点击查看代码

<template>
  <s-input-number v-model="numberValue" placeholder="请输入" clearable></s-input-number>
</template>

<script setup lang="ts">
  import { ref } from "vue";

  const numberValue = ref<number>(1);
</script>

幽灵模式

点击查看代码

<template>
  <div style="padding: 10px;background: lightgray;display: inline-block;">
    <s-input-number v-model="numberValue" placeholder="请输入" ghost></s-input-number>
  </div>
</template>

<script setup lang="ts">
  import { ref } from "vue";

  const numberValue = ref<number>(1);
</script>

Props

Slots

Emits

Methods