vue中如何刪除字符串中的空格符
更新時間：2024年01月01日 09:45:53 作者：xuelong-ming
這篇文章主要介紹了vue中如何刪除字符串中的空格符方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
vue刪除字符串中的空格符
問題
在使用過程中發(fā)現(xiàn)字符串中重置著空格，使用.trim()方法無法刪除空格
var str = '123456 ' console.log(str.length); // 11
原因
使用斷點(diǎn)可以看到字符串中的是空格字符，并不是單純的空格
var str = '123456\u0000\u0000\u0000\u0000\u0000'
解決方法
使用正則表達(dá)式刪除空字符
var str = '123456\u0000\u0000\u0000\u0000\u0000'
console.log(str.length) // 11
console.log(str.replace('\0', '').length) // 10
console.log(str..replace(/\0/g, '').length) // 6vue中的空格使用
  == 普通的英文半角空格   == ==   == no-break space （普通的英文半角空格但不換行） 　 == 中文全角空格 （一個中文寬度）   ==   == en空格 （半個中文寬度）   ==   == em空格 （一個中文寬度）   == 四分之一em空格 （四分之一中文寬度）
總結(jié)
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue中EpicEditor和vue-quill-editor的使用詳解
EpicEditor和Vue-quill-editor都是基于Quill.js的富文本編輯器,并且都提供了許多強(qiáng)大的功能,下面我們就來介紹一下二者的具體使用,感興趣的小伙伴可以了解一下2023-11-11
vue.js使用v-model實(shí)現(xiàn)父子組件間的雙向通信示例
這篇文章主要介紹了vue.js使用v-model實(shí)現(xiàn)父子組件間的雙向通信,結(jié)合實(shí)例形式分析了vue.js基于v-model父子組件間的雙向通信的具體實(shí)現(xiàn)技巧,需要的朋友可以參考下2020-02-02
vue3界面使用router及使用watch監(jiān)聽router的改變
vue2中使用router非常簡單，但是vue3中略微有些改變，通過本文講解下他的改變，對vue3?watch監(jiān)聽router相關(guān)知識感興趣的朋友一起看看吧2022-11-11
vue cli3 實(shí)現(xiàn)分環(huán)境打包的步驟
這篇文章主要介紹了vue cli3 實(shí)現(xiàn)分環(huán)境打包的步驟，本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-03-03
Vue系列之Element?UI表單自定義校驗(yàn)規(guī)則
表單校驗(yàn)是注冊環(huán)節(jié)中必不可少的操作,表單校驗(yàn)可以提醒用戶填寫數(shù)據(jù)規(guī)則以確保用戶提交數(shù)據(jù)的效性,也可以防止用戶因誤操作而占用服務(wù)器資源,這篇文章主要給大家介紹了關(guān)于Vue系列之Element?UI表單自定義校驗(yàn)規(guī)則的相關(guān)資料,需要的朋友可以參考下2022-09-09
Vue 封裝防刷新考試倒計時組件的實(shí)現(xiàn)
這篇文章主要介紹了Vue 封裝防刷新考試倒計時組件的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
Vue+Router+Element實(shí)現(xiàn)簡易導(dǎo)航欄
這篇文章主要為大家詳細(xì)介紹了Vue+Router+Element實(shí)現(xiàn)簡易導(dǎo)航欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
在現(xiàn)代Web應(yīng)用中,步驟條作為一種常見的UI組件,廣泛應(yīng)用于表單提交、任務(wù)進(jìn)度以及多步驟操作等場景,下面我們來看看如何利用Vue實(shí)現(xiàn)一個蛇形步驟條吧2024-11-11
如何使用yarn創(chuàng)建vite+vue3&&electron多端運(yùn)行
這篇文章主要介紹了如何使用yarn創(chuàng)建vite+vue3&&electron多端運(yùn)行,本文分步驟給大家介紹的非常詳細(xì)，包括使用yarn創(chuàng)建vite+vue3項目會遇到哪些問題，感興趣的朋友跟隨小編一起看看吧2024-03-03
Vue應(yīng)用國際化(i18n)的核心方案與實(shí)踐技巧
國際化(Internationalization,簡稱i18n)是現(xiàn)代Web應(yīng)用開發(fā)中不可或缺的重要功能,本文將深入探討Vue生態(tài)中最流行的國際化解決方案,從原理到實(shí)踐,帶你全面掌握Vue應(yīng)用的國際化實(shí)現(xiàn),需要的朋友可以參考下2026-01-01