v-input
功能介绍
输入格式化
示例
使用
typescript
<template>
<div>
<label>限制为数字:</label>
<input type="text" v-input:number />
</div>
<div>
<label>限制为小数点:</label>
<input type="text" v-input:decimal="3" />
</div>
<div>
<label>自定义限制:</label>
<input type="text" v-input:customize="/[^\d]/"/>
</div>
</template>规则
v-input:type="restrict"
v-input的type规则:
| 参数 | 默认(restrict) | 说明 |
|---|---|---|
| number | - | 限制为数字 |
| decimal | 10 | 限制为小数,restrict填数字,表示限制后几位小数 |
| customize | - | 自定义正则限制, restrict填写正则表达式 |