vue.js中用于多个v模型的单个函数

vue.js中用于多个v模型的单个函数,vue.js,Vue.js,是否可以将多个v型值输入到一个公共函数中。 在我的例子中,在vue脚本的方法中使用公共函数为多个字段输入验证 <input type="number" v-model="field1" @keypress="onlyTwoDecimal" > <input type="number" v-model="field2"@keypress="onlyTwoDecimal" ><input type="number" v-model="field2" @keypress=

是否可以将多个v型值输入到一个公共函数中。 在我的例子中,在vue脚本的方法中使用公共函数为多个字段输入验证

<input type="number" v-model="field1" @keypress="onlyTwoDecimal" >
<input type="number" v-model="field2"@keypress="onlyTwoDecimal" ><input type="number" v-model="field2" @keypress="onlyTwoDecimal" 

<script>......    ....    method:{onlyTwoDecimal ($event) {  let keyCode = ($event.keyCode ? $event.keyCode : $event.which);

    // only allow number and one dot
    if ((keyCode < 48 || keyCode > 57) && (keyCode !== 46 || this.field1.indexOf('.') != -1)) { // 46 is dot
     $event.preventDefault();
    }

    // restrict to 2 decimal places
    if(this.field1!=null && this.field1.indexOf(".")>-1 && (this.field1.split('.')[1].length > 1)){
    $event.preventDefault();
    }
  }

57)&&(keyCode!==46 | | this.field1.indexOf('.')!=-1)){//46是点
$event.preventDefault();
}
//限制在小数点后2位
if(this.field1!=null&&this.field1.indexOf(“.”>-1&&this.field1.split('.')[1].length>1)){
$event.preventDefault();
}
}
}

您可以创建一个
字段数组
并使用
v-for

<div v-for="(field,index) in fields" :key="index">
  <input type="number" v-model="field" @keypress="onlyTwoDecimal">
</div>