課程
/前端開發
/Vue.js
/vue2.5入門
如何去判斷輸入框中是空格,是空格得話,不進行li顯示。
2019-01-02
源自:vue2.5入門 3-1
正在回答
addValue:function(){ ????if(this.inputValue.indexof("")<?0){ ????????this.arr.push(this.inputValue) ????} ????this.inputValue?=?"" }
前端小白2018
另一個參考答案:
addValue:function(){?
addValue:
function
(){
????if(this.inputValue.match(/\S+/)){//檢查是不是空格,有沒有輸入內容
????if
(
this
.inputValue.match(/\S+/)
????????
.arr.push(
.inputValue.replace(/^\s+|\s+$/g,"")
????
}
.inputValue?=?
""
;
?注:
/ / ?正則表達式必須包含在兩個 /?之間,
\S ?小寫表示匹配空白字符,大寫表示匹配非空白字符,這里是大寫,只要輸入框里不是空白的內容,都有結果
空白字符可以是:
空格符 (space character)
制表符 (tab character)
回車符 (carriage return character)
換行符 (new line character)
垂直換行符 (vertical tab character)
換頁符 (form feed character)
match(/\S+/) ?這個函數用來獲取匹配的結果,如果匹配不到內容會返回 ?null?
^ ?用來匹配開頭的內容
$ ?用來匹配結尾的內容
replace(/^\s+|\s+$/g,"") ??去除兩頭空格
addValue:function(){ ??let?value?=?this.inputValue;//先把輸入的值復制一份,用于操作 ??value.replace(/\s*/g,"");//用正則表達式去掉所有的空白字符(空格是其中一種 ??//去掉所有空格之后,再對它進行判斷,?? ??//如果字符串中還有別的內容,說明輸入的內容不是空格,?? ??//然后就可以加入數組了。???? ??if(value?!=?""){ ????this.arr.push(this.inputValue); ??} ????this.inputValue?=?""; }
可以參考這篇文章:
JS利用正則表達式去除字符串空格
addValue:function(){ ?????????let?value?=?this.inputValue;//先把輸入的值復制一份,用于操作 ??value.replace(/\s*/g,"");//用正則表達式去掉所有的空白字符(空格是其中一種) ?? ??//去掉所有空格之后,再對它進行判斷, ??//如果字符串中還有別的內容,說明輸入的內容不是空格, ??//然后就可以加入數組了。 ????if(value?!=?""){????????this.arr.push(this.inputValue)????}????this.inputValue?=?""}
methods: {
addValue: function(){
if(this.msg==""){
return;
this.list.push(this.msg),
this.msg=""
if(this.inputValue!="")?{???? ????this.list.push(this.inputValue)???? ????this.inputValue?=?"" }
喜歡妳時天好暖_z 提問者
舉報
快速理解Vue編程理念上手Vue2.0開發。
2 回答輸入框清空之后,光標如何再次自動聚焦到輸入框?
4 回答點擊li時如何在alert中顯示li的內容
2 回答輸入框下面顯示{firstName}{lastName}是怎么回事?
3 回答有一個問題,我發現如果input框里什么也不輸入時點擊提交仍然能創建一個空的li出來,請問怎么能檢測如果input中的值為空不創建li呢
1 回答為什么無論我在input框里輸什么提交都顯示空的?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2019-01-07
2019-05-14
另一個參考答案:
addValue:
function
(){
?????if
(
this
.inputValue.match(/\S+/)
){//檢查是不是空格,有沒有輸入內容????????
this
.arr.push(
this
.inputValue.replace(/^\s+|\s+$/g,"")
);//去除兩頭空格后,加入數組中????
}
????
this
.inputValue?=?
""
;
}
?注:
/ / ?正則表達式必須包含在兩個 /?之間,
\S ?小寫表示匹配空白字符,大寫表示匹配非空白字符,這里是大寫,只要輸入框里不是空白的內容,都有結果
空白字符可以是:
空格符 (space character)
制表符 (tab character)
回車符 (carriage return character)
換行符 (new line character)
垂直換行符 (vertical tab character)
換頁符 (form feed character)
match(/\S+/) ?這個函數用來獲取匹配的結果,如果匹配不到內容會返回 ?null?
^ ?用來匹配開頭的內容
$ ?用來匹配結尾的內容
replace(/^\s+|\s+$/g,"") ??去除兩頭空格
2019-05-14
可以參考這篇文章:
JS利用正則表達式去除字符串空格
2019-05-14
可以參考這篇文章:
JS利用正則表達式去除字符串空格
2019-02-13
methods: {
addValue: function(){
if(this.msg==""){
return;
}
this.list.push(this.msg),
this.msg=""
}
}
2019-01-03