首页 > 其他分享 >input 加减

input 加减

时间:2024-08-23 10:48:33浏览次数:13  
标签:10 form 加减 value else field input fieldValue

 

 

 


<a-input class="input-center-met" v-model:value="form.name1"> <template #prefix> <div class="flex items-center"> <div class="number-btn auto" @click="addAndSubtract('name1', 2, 100)"> <PubSvgIcon name="minus-icon" size="1rem" />100 </div> <div class="number-btn auto ml-1" @click="addAndSubtract('name1', 2, 10)"> <PubSvgIcon name="minus-icon" size="1rem" />10 </div> <div class="number-btn auto ml-1" @click="addAndSubtract('name1', 2, 1)"> <PubSvgIcon name="minus-icon" size="1rem" />1 </div> </div> </template> <template #suffix> <div class="flex items-center"> <div class="number-btn auto" @click="addAndSubtract('name1', 1, 1)"> <PubSvgIcon name="add-icon" size="1rem" />1 </div> <div class="number-btn auto ml-1" @click="addAndSubtract('name1', 1, 10)"> <PubSvgIcon name="add-icon" size="1rem" />10 </div> <div class="number-btn auto ml-1" @click="addAndSubtract('name1', 1, 100)"> <PubSvgIcon name="add-icon" size="1rem" />100 </div> </div> </template> </a-input>
// 加减法(1加/2减)
function addAndSubtract(field: string, type: number, value: number = 1) {
  const fieldValue = Number(form.value[field]);
  if (type === 1) {
    if (value === 0.1) {
      form.value[field] = (fieldValue + value).toFixed(2);

    } else {
      form.value[field] = (fieldValue + value)
    }
  }
  else {
    if (value === 0.1) {
      form.value[field] = (fieldValue - value).toFixed(2);

    } else {
      form.value[field] = (fieldValue - value)
    }

  }
}

 

标签:10,form,加减,value,else,field,input,fieldValue
From: https://www.cnblogs.com/Byme/p/18375543

相关文章

  • Blocked aria-hidden on a <input> element because the element that just received fo
    bug查资料找到三种解决方案1.第一种在main.js中加入,然后在报错的组件上加,但我没有解决Vue.directive('removeAriaHidden',{bind(el,binding){letariaEls=el.querySelectorAll('.el-radio__original');ariaEls.forEach((item)=>{item.removeA......
  • EOFException com.mysql.cj.protocol.FullReadInputStream in readFully
    背景:mysql查询性能瓶颈,一般前提有很多查询超时导致这个问题java.io.EOFException:Cannotreadresponsefromserver.Expectedtoread4bytes,read0bytesbeforeconnectionwasunexpectedlylost.atcom.mysql.cj.protocol.FullReadInputStream.readFully(FullRe......
  • 问题:ETL中写入数据到Clickhouse抛出 Code: 27. DB::ParsingException: Cannot parse i
    问题描述问题:ETL中写入数据到Clickhouse抛出Code:27.DB::ParsingException:Cannotparseinput问题原因:目标字段的长度和精度不足以容纳源字段问题解决方法:案例1:源是timestamp,目标是datetime修改结果:创建目标表的时候选择高精度的字段类型案例2:源是带有小数的......
  • 高精度加减乘
    #include<bits/stdc++.h>usingnamespacestd;typedeflonglongll;inta[10088],b[10087],c[10087];stringmem("0123456789ABCDEF");boolcheck_(stringa,stringb){ if(a.length()>b.length())return1; if(b.length()>a.length())return0......
  • JAVA中的对象流ObjectInputStream
    ObjectInputStream是Java中用于序列化对象的一种输入流,它允许我们将对象的状态信息从输入流中读取出来,以便在后续程序中使用。本文将详细介绍ObjectInputStream的原理、使用方法以及相关代码例子。一、ObjectInputStream简介概述ObjectInputStream继承了InputStream类,主要......
  • 浮点数的加减乘除运算细节
    浮点数的加法和减法运算是计算机中最常见也是最复杂的运算之一。由于浮点数的内部表示由符号(Sign)、指数(Exponent)和尾数(Mantissa)三部分组成,浮点数的加减法运算必须处理这些部分之间的复杂关系。以下是浮点数相加或相减的详细运算步骤:1.浮点数表示的回顾符号位(Sign):表示浮点数的......
  • 字符输入流InputStreamReader day17
    packagecom.shujia.day17.ketang;importjava.io.FileInputStream;importjava.io.InputStreamReader;/*转换流(字符流)=字节流+编码表字符流:(当一个文件使用记事本打开能够看懂的时候,就可以用字符流)字符输入流:Reader-......
  • 字符缓冲输入流BufferedInputStream day17
    packagecom.shujia.day17.ketang;importjava.io.BufferedInputStream;importjava.io.FileInputStream;/*字符缓冲输入流:BufferedInputStream构造方法:BufferedInputStream(InputStreamin)创建一个BufferedInputStream并保存其参数,输入流in......
  • 字节缓冲输入流BufferedInputStream day17
    packagecom.shujia.day17.ketang;importjava.io.BufferedInputStream;importjava.io.FileInputStream;/*字节缓冲输入流:BufferedInputStream构造方法:BufferedInputStream(InputStreamin)创建一个BufferedInputStream并保存其参数,输入流in......
  • 字节输入流FileInputStream
    packagecom.shujia.day16.ketang;importjava.io.File;importjava.io.FileInputStream;/*字节输入流:FileInputStream构造方法:FileInputStream(Filefile)通过打开与实际文件的连接创建一个FileInputStream,该文件由文件系统中的File对象file命......