Vue js如何用split切分并去掉空值和item的空格
更新時間：2022年06月01日 16:39:39 作者：國際渣男
這篇文章主要介紹了Vue js如何用split切分并去掉空值和item的空格，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
用split切分并去掉空值和item的空格
let a = 'www,mail , test,'
let m = a.split(",").map(el => el.trim()).filter(item => item.trim() != '')
console.log(m) // ["www", "mail", "test"]vue空值報錯
如上圖所示，提示percent為空，web效果圖如下
如果是自測階段不想麻煩就直接在數(shù)據(jù)庫添加數(shù)據(jù)就行或者或者初始化方法賦初始值，最簡便的還是在vue template里進行判斷
代碼如下：
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Pinia?是?Vue.js?的輕量級狀態(tài)管理庫,最近很受歡迎,它使用?Vue?3?中的新反應(yīng)系統(tǒng)來構(gòu)建一個直觀且完全類型化的狀態(tài)管理庫,下面就跟隨小編一起來學習一下它的具體使用吧2023-10-10
這篇文章主要給大家介紹了關(guān)于如何使用vuex實現(xiàn)兄弟組件通信的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-11-11
這篇文章主要為大家詳細介紹了vue基礎(chǔ)語法之插值表達式，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-01-01
本文將結(jié)合實例代碼，解決Vue+SpringBoot+Shiro跨域問題，相信大家剛開始做都會遇到這個問題，需要的朋友們下面隨著小編來一起學習學習吧2021-06-06
npm安裝vue腳手架報錯警告npm WARN deprecated
安裝vue腳手架報錯可能具體原因比較多,可以根據(jù)報錯信息進行排查,本文主要介紹了npm安裝vue腳手架報錯警告npm WARN deprecated,感興趣的可以了解一下2023-11-11
本篇文章主要介紹了詳解用vue-cli來搭建vue項目和webpack，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
折疊面板大家都不陌生,很多時候需要實現(xiàn)一些復雜的交互,就會用到它,簡潔直觀還美觀,下面就跟隨小編一起學習一下如果使用Vue3實現(xiàn)折疊面板組件吧2024-01-01
這篇文章主要介紹了el-select組件綁定change事件的踩坑記錄，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了vue簡單的二維數(shù)組循環(huán)嵌套方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
在Vue中監(jiān)聽滾動事件可以通過使用指令或者自定義事件來實現(xiàn),這篇文章主要給大家介紹了關(guān)于前端vue滾動條滾動監(jiān)聽問題成功解決的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-09-09