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、网站不提供资料下载,如需下载请到原作者页面进行下载。