Vue.js 输入框数值除以100 并赋值 - 使用 v-on:input 指令
在 Vue.js 中,可以使用 v-on:input 指令监听输入框的输入事件,并使用 JavaScript 的 replace() 方法来过滤输入值,将输入的值除以100 并赋值给变量。
例如,要将输入框的值除以 100 并赋值给 item.supplierAnnualReductionRate,可以使用以下代码:
<input type="text" v-model="item.supplierAnnualReductionRate" v-on:input="item.supplierAnnualReductionRate = (item.supplierAnnualReductionRate.replace(/[^0-9.]/g, '').replace(/(..*)./g, '$1')) / 100">
代码解释:
v-model="item.supplierAnnualReductionRate": 使用v-model指令将输入框的值双向绑定到item.supplierAnnualReductionRate变量。v-on:input="...": 使用v-on:input指令监听输入框的输入事件。item.supplierAnnualReductionRate.replace(/[^0-9.]/g, ''): 使用replace()方法过滤输入值,只保留数字和点号。item.supplierAnnualReductionRate.replace(/(..*)./g, '$1'): 使用replace()方法过滤输入值,确保只保留一个点号。/ 100: 将过滤后的数值除以 100。
这样,当用户在输入框中输入值时,该值会自动被除以 100,并将结果赋值给 item.supplierAnnualReductionRate 变量。
原文地址: https://www.cveoy.top/t/topic/fhLh 著作权归作者所有。请勿转载和采集!