时间戳

首页 > 解决方案 > 如何使用 v-money、vuejs 的最大值和最小值？

vuejs2 - 如何使用 v-money、vuejs 的最大值和最小值？

问题描述

基本上我想定义输入 v-money 只接受最大值 10,000 和最小值 5,000 我正在修复规则，但它有效并且它也不会给我一个错误我这样使用它：

<money v-model="packageForm.crime.theftDisappear" class="form-input input-lg" v-bind="config"></money>
<script>
export default {
 data() {
        return {
            config: {
               decimal: '.', 
               thousands: ',', 
               prefix: '$ ', 
               suffix: ' #', 
               precision: 0, 
               masked: 
               false, 
               min: 0, 
               max: 100
              },
        }
    }

}
</script>

标签： vuejs2

解决方案

使用最小值和最大值，它对我不起作用，我通过手表做到了。我的任务是限制为八位数。我将举一个例子，它可能对某人有用：

<div id="app" class="empty">
    <input v-model="price" v-money="money" /> 
</div>

new Vue({
  el: '#app',
  data() {
    return {
      price: 0,
      money: {
        decimal: ',',
        thousands: '  ',
        prefix: '',
        suffix: '  suffix',
        precision: 0,
        masked: true
      }
    }
  },
  watch:{
    price(p){
    p = parseInt(p.toString().replaceAll(/\D+/g, ''))
      if(p > 99999999){
        p = 99999999
      }
    }
  }
})

推荐阅读