在 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">

代码解释:

  1. v-model="item.supplierAnnualReductionRate": 使用 v-model 指令将输入框的值双向绑定到 item.supplierAnnualReductionRate 变量。
  2. v-on:input="...": 使用 v-on:input 指令监听输入框的输入事件。
  3. item.supplierAnnualReductionRate.replace(/[^0-9.]/g, ''): 使用 replace() 方法过滤输入值,只保留数字和点号。
  4. item.supplierAnnualReductionRate.replace(/(..*)./g, '$1'): 使用 replace() 方法过滤输入值,确保只保留一个点号。
  5. / 100: 将过滤后的数值除以 100。

这样,当用户在输入框中输入值时,该值会自动被除以 100,并将结果赋值给 item.supplierAnnualReductionRate 变量。

Vue.js 输入框数值除以100 并赋值 - 使用 v-on:input 指令

原文地址: https://www.cveoy.top/t/topic/fhLh 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录