vue輸入框只能輸入數字類型,禁止輸入和粘貼e

js怎么去除1e里面e?

方法一:使用 Number() 函數將科學計數法表示的字符串轉換為數字。然后,使用 toString() 方法將其轉換回字符串形式,這樣就會自動移除科學計數法中的 "e"

var num = 1e10; // 科學計數法表示的數字
var numStr = Number(num).toString(); // 轉換為字符串,自動移除 "e"
console.log(numStr); // 輸出 "10000000000"

方法二:使用正則表達式替換方法移除科學計數法中的 "e"。

?var num = 1e10; // 科學計數法表示的數字

var numStr = num.toString().replace("e", ""); // 使用 replace 方法替換 "e" 為空字符串 console.log(numStr); // 輸出 "10000000000"

vue中限制長度以及數字(包括e)?

// 封裝方法--只允許輸入正數包 
export function getNum(val) { // 先把非數字的都替換掉,除了數字 val = Number(val).toString().replace(/[^\d]/g, '') return val 
}<el-inputtype="number"v-model.trim="ruleForm.height"clearableplaceholder="請輸入數字"
  οnkeydοwn="return event.keyCode !== 69"@input="changeNumber('height',ruleForm.height,8)"
/>
changeNumber(name, obj, len = 8) {const t = obj.length > len ? obj.slice(0, len) : objthis.$set(this.ruleForm, name, getNum(t))
}

vue中自動保存兩位小數?

// 封裝方法--只允許輸入數字包含小數點
export function getFloorNumber(val, saveNumber = 2) {// 先把非數字的都替換掉,除了數字val = val.replace(/[^\d.]/g, '')val = val.replace(/\.{2,}/g, '.')val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')const index = val.indexOf('.')if (index != -1) {const arr = val.split('.')if (arr[1].length > saveNumber) {arr[1] = arr[1].substr(0, saveNumber)}val = arr.join('.')}return val
}
<el-inputv-model="ruleForm.sharedArea"placeholder="請填寫面積"clearable@input="changeSpliceArea('area')"@blur="changeArea('area')"
/>
changeSpliceArea(name, len = 8) {this.ruleForm[name] = getFloorNumber(this.ruleForm[name])if (this.ruleForm[name].length >= len) {this.ruleForm[name] = this.ruleForm[name].substr(0, len)}
},
changeArea(name) {const t = this.ruleForm[name] && this.ruleForm[name].charAt(this.ruleForm[name].length - 1)if (t == '.') {this.ruleForm[name] += '00'}
}

常用工具方法

// 只允許輸入數字包含負數
export function getNumber(val) {const t = val.charAt(0)// 先把非數字的都替換掉,除了數字val = val.replace(/[^\d]/g, '')// 如果第一位是負號,則允許添加if (t === '-') {val = '-' + val}return val
}// 只允許輸入正數包
export function getNum(val) {// 先把非數字的都替換掉,除了數字val = Number(val).toString().replace(/[^\d]/g, '')return val
}// 只允許輸入數字包含小數點
export function getFloorNumber(val, saveNumber = 2) {// 先把非數字的都替換掉,除了數字val = val.replace(/[^\d.]/g, '')val = val.replace(/\.{2,}/g, '.')val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')const index = val.indexOf('.')if (index != -1) {const arr = val.split('.')if (arr[1].length > saveNumber) {arr[1] = arr[1].substr(0, saveNumber)}val = arr.join('.')}return val
}
// 只允許輸入數字包含小數,不限制長度
export function getFloorNumNoLength(val) {const t = val.charAt(0)if (t === '.') {return val.replace('.', '')}val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')// 先把非數字的都替換掉,除了數字val = val.replace(/[^\d.]/g, '')return val
}

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/42053.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/42053.shtml
英文地址,請注明出處:http://en.pswp.cn/news/42053.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【小夢C嘎嘎——啟航篇】string介紹以及日常使用的接口演示

【小夢C嘎嘎——啟航篇】string 使用&#x1f60e; 前言&#x1f64c;C語言中的字符串標準庫中的string類string 比較常使用的接口對上述函數和其他函數的測試代碼演示&#xff1a; 總結撒花&#x1f49e; &#x1f60e;博客昵稱&#xff1a;博客小夢 &#x1f60a;最喜歡的座右…

c語言每日一練(9)

前言&#xff1a;每日一練系列&#xff0c;每一期都包含5道選擇題&#xff0c;2道編程題&#xff0c;博主會盡可能詳細地進行講解&#xff0c;令初學者也能聽的清晰。每日一練系列會持續更新&#xff0c;暑假時三天之內必有一更&#xff0c;到了開學之后&#xff0c;將看學業情…

rollup工具打包報錯問題匯總

1. (!) this has been rewritten to undefined 原因&#xff1a;這是因為打包后沒有給this指向window&#xff0c;導致this undefined&#xff0c;因此需要配置context參數來指定代碼執行環境的參數為window 解決&#xff1a;rollup.config.js文件中添加配置 module.exports…

算法通關村第十關 | 數組中第k個最大元素

1.數組中第k大的數字 題目&#xff1a; LeetCode&#xff1a;數組中的第k個最大元素&#xff0c;給定整數數組nums和整數k&#xff0c;請返回數組中第k個最大的元素&#xff0c;請注意&#xff0c;你需要找的是數組排序后第k個最大的元素&#xff0c;而不是第k個不同的元素。 運…

JVM——配置常用參數,GC調優策略

文章目錄 JVM 配置常用參數Java內存區域常見配置參數概覽堆參數回收器參數項目中常用配置常用組合 常用 GC 調優策略GC 調優原則GC 調優目的GC 調優策略 JVM 配置常用參數 Java內存區域常見配置參數概覽堆參數&#xff1b;回收器參數&#xff1b;項目中常用配置&#xff1b;常…

element-Plus中el-menu菜單無法正常收縮解決方案

<el-menu :collapse"true">如圖所示收縮之后&#xff0c;有子級的菜單還有箭頭文字顯示 從代碼對比看層級就不太對了&#xff0c;嵌套錯誤了&#xff0c;正常下方官網的ul標簽下直接是li&#xff0c;在自己的代碼中&#xff0c;ul標簽下是div標簽&#xff0c;層…

FairyGUI編輯器自定義菜單擴展插件

本文涉及到的軟件有&#xff1a;FairyGUI&#xff0c;VSCode 代碼環境涉及到了&#xff1a;Lua VSCode插件&#xff1a;EmmyLua 在編寫FairyGUI編輯器菜單前&#xff0c;了解一下FairyGUIEditor的API會有效的幫助我們解決很多問題。FairyGUI的擴展是通過編輯器自帶的插件功能…

【嵌入式】MKV31F512VLL12 微控制器 (MCU) 、Cyclone? IV E EP4CE10E22I8LN,FPGA-現場可編程門陣列芯片

1、MKV31F512VLL12 微控制器 (MCU) 是適用于BLDC、PMSM和ACIM電機控制應用的高性能解決方案。這些MCU采用運行頻率為100MHz/120MHz、帶數字信號處理 (DSP) 和浮點單元 (FPU) 的ARM Cortex-M4內核。KV3x MCU配備兩個采樣率高達1.2MS/s的16位ADC、多個控制定時器以及512KB閃存。 …

Codeforces Round 893 (Div. 2) D.Trees and Segments

原題鏈接&#xff1a;Problem - D - Codeforces 題面&#xff1a; 大概意思就是讓你在翻轉01串不超過k次的情況下&#xff0c;使得a*&#xff08;0的最大連續長度&#xff09;&#xff08;1的最大連續長度&#xff09;最大&#xff08;1<a<n&#xff09;。輸出n個數&…

模糊測試面面觀 | 模糊測試工具知多少

自1988年威斯康星大學的Barton Miller首次提出模糊測試這一概念以來&#xff0c;模糊測試領域經歷了持續長久發展。模糊測試作為一種軟件測試方法&#xff0c;旨在通過向程序輸入模糊、隨機、異常的數據&#xff0c;探測和發現潛在的漏洞和錯誤。這種方法備受安全研究人員的青睞…

助推打造全球研發中心城市 | 李彥團隊:研發,帶來了二次文藝復興

2017年&#xff0c;長沙經聯合國教科文組織評選&#xff0c;成為中國首座獲評世界“媒體藝術之都”稱號的城市。6年后&#xff0c;基于時代發展的新要求&#xff0c;長沙再次提出了“打造全球研發中心城市”的目標&#xff0c;并朝著新的方向邁進。 舊有的優勢產業在新的研發浪…

信安通用基礎知識

文章目錄 密碼學經典誤區PGP優良保密協議信安經典其它安全手段XSS與CSRF cross site request forgeryCSRF的利用邏輯CSRF示例CSRF防范檢查Referer字段添加校驗token XSS cross site scripting common weakness enumeration常見密碼api誤用&#xff08;摘自畢設參考文獻&#xf…

“深入探究JVM內部機制:如何實現Java程序的運行環境?“

標題&#xff1a;深入探究JVM內部機制&#xff1a;如何實現Java程序的運行環境&#xff1f; 摘要&#xff1a;本文將深入探究Java虛擬機&#xff08;JVM&#xff09;的內部機制&#xff0c;重點討論JVM如何實現Java程序的運行環境。我們將從JVM的結構、類加載、內存管理、垃圾…

01 Python 網絡爬蟲:爬蟲技術的核心原理

不夸張地說&#xff0c;現在哪怕是初中生&#xff0c;只要花點兒時間、精力稍微按「網絡爬蟲」的開發步驟學習了解一下&#xff0c;也能把它玩得賊溜。 聽起來感覺是很高大上的東西&#xff0c;但實際上并不復雜&#xff0c;也就是使用了某種編程語言按照一定步驟、規則主動通…

用Java實現原神抽卡算法

哈嘍~大家好&#xff0c;好久沒有更新了&#xff0c;也確實遇到了很多事&#xff0c;這篇開始恢復更新&#xff0c;喜歡的話&#xff0c;可以給個的三連&#xff0c;什么&#xff1f;你要白嫖&#xff1f;那可以給個免費的贊麻。 &#x1f947;個人主頁&#xff1a;個人主頁??…

七月 NFT 行業解讀:游戲和音樂 NFT 引領增長,Opepen 掀起熱潮

作者&#xff1a;lesleyfootprint.network 2023 年 7 月&#xff0c;NFT 市場的波動性持續存在&#xff0c;交易量呈下降趨勢。然而&#xff0c;游戲和音樂 NFT 等領域的增長引人注目。參與這些細分領域的獨立用戶數量不斷增加&#xff0c;反映了這些領域的復蘇。 本綜合報告…

lvs負載均衡群集

lvs組成 1、lvs基于內核態的netfilter框架實現的IPVS功能&#xff0c;工作在內核態用戶配置VIP等相關信息并且傳遞到IPVS 就需要用到IPVSadm工具。 2、ipvsadm&#xff1a;IPVSadm是lvs用戶態的配套的工具&#xff0c;可以實現VIP和RS 增刪改查。 IPVSadm就是類似于iptables…

侯捷 八部曲 C++面向對象高級開發(上)+(下)【C++學習筆記】 超詳細 萬字筆記總結 筆記合集

文章目錄 Ⅰ C part1 面向對象編程1 頭文件與類的聲明1.1 c vs cpp關于數據和函數1.2 頭文件與類1.2.1 頭文件1.2.2 class的聲明1.2.3 模板初識 2 構造函數2.1 inline 函數2.2 訪問級別2.3 ctor 構造函數2.3.1 ctor 的寫法2.3.2 ctor/函數 重載2.3.3 ctor 放在 private 區 2.4 …

記vite打包vue項目內存溢出問題解決

出現問題 FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory解決方法一&#xff1a; 1.根據網上的資料是通過全局下載npm包increase-memory-limit&#xff1a; npm install -g increase-memory-limit2.在項目目錄執…

學習Vue:路由參數與查詢參數傳遞

在Vue.js中&#xff0c;路由與導航不僅涉及到頁面之間的切換&#xff0c;還包括了向頁面傳遞參數以及獲取查詢參數的功能。本文將詳細介紹如何在Vue Router中傳遞路由參數和查詢參數&#xff0c;幫助您更好地理解和使用這些功能。 路由參數的傳遞 路由參數是指在URL中的動態片…