vue validate 正则验证小数长度
你可以使用 `regex` 规则来验证小数的长度。
首先，你需要安装 `vuelidate` 这个插件：
```bash
npm install vuelidate --save
```
然后在你的 Vue 组件中引入 `vuelidate`：
```javascript
import { required, numeric, regex, minLength, maxLength } from 'vuelidate/lib/validators';
import { VFormGroup, VInput } from 'vuetify/lib';
```
接着，定义一个 `validations` 对象来存放验证规则：
```javascript
data() {
  return {
    form: {
      decimalValue: ''
    }
  };
},正则匹配小数或整数
validations: {
  form: {
    decimalValue: {
      regex: regex(/^(\d{0,3}\.\d{0,2})?$/)
    }
  }
},
```
这里使用了 `regex(/^(\d{0,3}\.\d{0,2})?$/)` 来定义一个正则表达式，它可以匹配最多三位整数和最多两位小数的数字。如果你想修改这个规则，可以自行调整。
最后，在表单中使用验证规则：
```html
<v-form-group>
  <v-input v-model="form.decimalValue"></v-input>
  <div v-if="!$v.">
    请输入最多三位整数和最多两位小数的数字
  </div>
</v-form-group>
```
以上就是使用 `vuelidate` 来验证小数长度的方法。你可以根据你的需求进行调整和修改。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。