Element input输入框 限制输入数据规则

页面中有数量文本框、单价文本框，在数量、单价文本框中输入数值时，计算出二者的乘积做为金额字段的值，见下图：

要求对数量文本框接收数据进行限制，规则如下：

1、只能输入数值；

2、整数部分最多9位，小数部分最多3位；

3、不能输入以0开头的数值；

4、不能输入科学计数法的字符e或E。

上述需求实现如下：

一、HMTL模板代码

<el-form-item prop="quantity">
    <el-input 
        type="number"
        v-model="quantity" 
        placeholder="请输入" 
        @input="(val) => handleQuantityInputEvent(val)"
        oninput="if(isNaN(value)) { value = parseFloat(value) }
                if(value < 0) { value = 0 }
                if(value.indexOf('.') == -1 && value.length > 9) { value = value.slice(0,9) } 
                if(value.index