Javascript 限制输入VUEJ上的小数位数

我有一个输入字段，我想限制用户应该输入的小数位数。 Ex:（10.123），如果他输入更多，则不会进行更改，值将保持不变。现在用户得到一个错误，但还不够。 另外，我正在使用Vue引导。 我试着限制整数而不仅仅是小数

<b-form-input
    type="number"
    id="contract-input"
    v-model="contract"
></b-form-input>

从表面上看，它很好用

<p>{{parseFloat(contract).toFixed(2)}}</p>

{{parseFloat（contract）.toFixed（2）}

您可以在

@input

事件上调用一个方法来限制变量中的小数。
例如：

函数callMe（）{
var vm=新的Vue({
el:'根'，
数据：{合同：'}，
方法：{
限制小数（）{
this.contract=this.contract.match（/^\d+\.？\d{0,2}/）；
}
}
})
}
callMe（）

限制小数的数量
{{合同}
我在JSFIDLE的描述中附加了链接，并尝试了最大长度，但这当然不是我需要的。我在v-on处理程序中得到错误：“TypeError:this.contract不是函数”。但是，结果就是我所需要的！非常感谢。