vue指令-快速实现限制输入框数字类型及数字范围

input-limit 输入限制自定义指令 使用 (一)

npm install v-input-limit -S or yarn add v-input-limit -S (二)

// main.ts import inputLimit from 'v-input-limit' Vue.use(inputLimit)

::: tip 目前已有以下几种限制方式、后续会不断完善 :::

一、正整数

<input v-model="" v-input-limit:int /> 一、正整数范围限制

例如:限制 0 ≤ number < 100 的正整数

<input v-model="" v-input-limit:int.range="[0, 99]" />

例如:限制 100 ≤ number 的正整数

<input v-model="" v-input-limit:int.range="[100]" /> 一、无限制正小数

<input v-model="" v-input-limit:float /> 一、限制正小数点后 n 位

例如:限制小数点后 1 位的正小数

<input v-model="" v-input-limit:float="1" /> 一、正小数且有范围限制

例如:限制 0 ≤ number < 100 ,并且保留小数点后两位的小数

<input v-model="" v-input-limit:float.range="{ decimal: 2, range: [0, 99.99] }" />

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。