多个input框或其他框的值相加之和并且处理精度问题

已于 2023-07-12 09:14:50 修改
阅读量294 收藏
点赞数
文章标签： elementui 前端 javascript vue.js
于 2023-07-11 17:36:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64707449/article/details/131665412
版权

需求：实付金额不能手动输入，并且等于购买数量✖优惠价➖平台补贴➖店铺补贴的实时计算

把需要处理的这几个框绑上change事件等于同一个方法名

@change="handleChange"

        handleChange(value){
          let _this = this;
          let isNull = validatenull;
          _this.ruleForm.preferentialPrice = Number(Math.round(_this.ruleForm.goodsShelvesPrice * _this.ruleForm.buyNumber - _this.ruleForm.platformSubsidyPrice - _this.ruleForm.shopSubsidyPrice))
        },

是阿狸
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Input输入框类型转换相加
weixin_46008522的博客
12-23 376
VUE Input输入框类型转换相加 <div class="text item" v-for="item in pmOpeningResultsDetails" :key="item.index"> <el-row :gutter="24"> <el-col :span="8"> <el-form-item label="技术标得分" prop="technicalscore"> <el-input v-model="
el-input 某个input框的值为其他input的和
ZJJessica的博客
11-12 938
input框在失去焦点时，触发 <el-input v-model="beanForm.value1" clearable placeholder="" class="el_in_width" @input="sum(this);"></el-input> <el-input v-model="beanForm.value2" clearable placeholder="" class="el_in_width" @input="sum(this);"></e
在el-table中使用input联动计算
yanzhe6789的博客
11-23 1277
el-table中 嵌套 input实现 输入前两个数字后 自动计算差值 change，blur，input，focus。change blur 总是有问题 就像传进去的是oldvalue不是newvalue一样。用input 然后方法里判断下要用的值是否为NaN，undefined。效果很好 传入的scope.row 能够实时根据输入的做出计算。就可以正常满足需求，当输入数字的时候，会一直跟随计算。这4种方法 这边推荐input。
Vue 计算属性，多个输入框的值相加，到一个输入框
最新发布
好记性，不如烂键盘。
09-06 675
Vue 计算属性，多个输入框的值相加，到一个输入框。
前端基础学习-多选表格实现数字累加
小夭的博客
06-23 600
前端基础学习-多选表格实现数字累加 对于表格的数据有的时候需要实现累加的功能 如下图 具体实现： 第一步：表格添加多选并添加多选事件，给定初值 <el-table :data="listData" ref="multipleTable" border :height="tableHeightCalc" @selection-change="handleSelectionChange"> <el-table-column align="center" type="
n整数中1出现的次数 / 数字 1 的个数
shihao的博客
10-05 510
输入一个整数 n ，求1～n这n个整数的十进制表示中1出现的次数。 例如，输入12，1～12这些整数中包含1 的数字有1、10、11和12，1一共出现了5次。 示例 1： 输入：n = 12 输出：5 示例 2： 输入：n = 13 输出：6 解题思路 f(n))函数的意思是1～n这n个整数的十进制表示中1出现的次数，将n拆分为两部分，最高一位的数字high和其他位的数字last，分别判断情况后将结果相加，看例子更加简单。 例子如n=1234，high=1, pow=1000, last=234 可以将数
Vue-input框checkbox强制刷新问题
10-17
主要介绍了Vue-input框checkbox强制刷新问题，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
详解elementUI中input框无法输入的问题
11-21
最近发现别人项目中在输入密码的时候发现input框无法输入进去 ...到此这篇关于详解elementUI中input框无法输入的问题的文章就介绍到这了,更多相关element input无法输入内容请搜索软件开发网以前的文章或继续浏览下面
解决php 处理 form 表单提交多个 name 属性值相同的 input 标签问题
12-30
在公司的开发过程中，遇到了一个问题：如何处理 form 表单提交了多个 name 属性值相同的 input 标签？源码如下（源码是在 form 表单之中的）： <!--{loop $address $index $one}--> <input type=...
angular 实时监听input框value值的变化触发函数方法
10-18
今天小编就为大家分享一篇angular 实时监听input框value值的变化触发函数方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
详解小程序input框失焦事件在提交事件前的处理
10-17
主要介绍了详解小程序input框失焦事件在提交事件前的处理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
html输入框获取输入相加后输出,java从命令行接收多个数字，求和之后输出结果...
weixin_32896083的博客
06-05 516
设计思想：获取输入数的个数，然后将要相加的数字转换成为浮点型进行相加，最后进行输出源代码：packageAdd;importjava.util.Scanner;//严羽卿2015.9.26publicclassAdd{publicstaticvoidmain(String[]args){//TODOAuto-generatedmethodstubScanner...
vue 文本输入自动计算求和实现
liwan09的博客
04-26 4905
写在前面 一般实现多个文本输入计算求和的方法是通过el-input 的change事件或者keyup.native 事件实现， 但是一般通过这两种方法实现计算求和，一般都需要点击页面某一处后，才会调用方法实现求和，实现不了实时自动求和 此时考虑使用 computed和watch；关于computed和watch 参考https://cn.vuejs.org/v2/api/#computedhttps://cn.vuejs.org/v2/api/#watch 代码实现示例 使用computed和w.
layui 获取某一组 input 框的变量和值 并提交到后台接口
qq_40088333的博客
06-30 2899
用layui.js进行 Ajax 提交
009_InputNumber计数器
aihiao的专栏
02-20 913
1. InputNumber计数器 1.1. InputNumber计数器, 仅允许输入标准的数字值, 可定义范围。 1.2. 计数器属性 参数 说明 类型 可选值 默认值 value / v-model 绑定值 number 无 0 min 设置计数器允许的
layui 获取input 的自定义属性和值
CaiXinXing的CSDN博客
05-04 6760
HTML表格页面中 使用data-xxxx="xxxx" 来定义属性和值 <script type="text/html" id="switchTpl"> <input type="checkbox" name="si_state" data-si_id="{{d.si_id}}" data-ei_id="{{d.ei_id}}" data-si_name="{{d....
input获取所相加的值显示到一个input中 多个input中的值相加求和
weixin_43282044的博客
07-11 4520
首先建一个input框 加入onkeyup（） 事件，如果有多个input框，则 onkeyup（） 名字相同，例如都叫 sumadd(this) <div class="col-sm-7"> <input type="text" name="cntk" value="${cG25.cntk!}" id="cntk" ...
让input框双击聚焦并且监听input值变化
05-30
你可以结合使用JavaScript的`focus()`和`oninput`事件来实现这个需求。具体实现方式如下： ```html <input type="text" ondblclick="handleDoubleClick(this)" oninput="handleInputChange(this)"> ``` 在这个例子中，我们绑定了两个事件到input框上： 1. `ondblclick`事件：当用户双击input框时，会触发`handleDoubleClick`函数并将当前的输入框作为参数传递给它。 2. `oninput`事件：当input框的值发生变化时，会触发`handleInputChange`函数并将当前的输入框作为参数传递给它。 接下来，我们需要在JavaScript中实现这两个函数： ```javascript function handleDoubleClick(input) { input.focus(); } function handleInputChange(input) { console.log(input.value); // 处理input值变化的逻辑 } ``` 在`handleDoubleClick`函数中，我们调用了`focus()`方法将焦点聚焦到当前的输入框中。 在`handleInputChange`函数中，我们将当前输入框的值打印到控制台中，并可以在函数中添加任何处理输入框值变化的逻辑。 这样，当用户双击input框时，输入框将聚焦并可以监听到其值的变化。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值