4dkankan-components/docs/examples/input/formatter.vue

<template>
  <kk-input
    v-model="input"
    placeholder="Please input"
    :formatter="(value) => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
    :parser="(value) => value.replace(/\$\s?|(,*)/g, '')"
  />
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import { KkInput } from 'kankan-components'
const input = ref('')
</script>