ElementUI使用過程中碰到的相關問題

element是餓了麼前端開源維護的vue ui元件庫,元件齊全，基本涵蓋後台所需的所有元件，文件講解詳細，例子也很豐富。主要用於開發pc端的頁面，是乙個質量比較高的vue ui元件庫。

功能：根據資料裡的值，狀態值為正常顯示藍色，異常顯示紅色

prop
="isvalid"
label
="狀態"
* 使用indexof方法實現模糊查詢
* @param    list     進行查詢的陣列
* @return            查詢的結果
*/function
fuzzyquery
(list, keyword)}
return arr;
}

(2) split(separator, howmany)

/**
* 使用spilt方法實現模糊查詢
* @param    list     進行查詢的陣列
* @return            查詢的結果
*/function
fuzzyquery
(list, keyword)}
return arr;
}

(3) match(searchvalue)

/**
* 使用match方法實現模糊查詢:找到乙個或多個正規表示式的匹配，沒有找到任何匹配的文字，將返回 null 
* @param    list     進行查詢的陣列
* @return            查詢的結果
*/function
fuzzyquery
(list, keyword)}
return arr;
}

(4) test(string)

/**
* 使用test方法實現模糊查詢:字串string中含有與regexpobject匹配的文字，則返回true，否則返回false。
* @param    list     原陣列
* @return            查詢的結果
*/function
fuzzyquery
(list, keyword)}
return arr;
}

效能測試

測試條件：乙個長度為100的陣列，每個方法測試50次，取平均值。

總結：除了 match 方法，其他三個方法在效能上差不多。不過在這裡有一點需要提出的就是， test 方法因為使用到了正規表示式，所以能夠實現的功能會比較強大，寫出來的**也更加簡潔。打個比方，在不區分大小寫的模糊搜尋條件下， test 方法只需在正規表示式中新增修飾符 i 即可實現不區分大小寫new regexp(keyword, 'i')，而 indexof 方法和 split 方法則要通過多次的方法呼叫和邏輯運算子才能實現效果。

某次給value傳了個陣列報了以下錯誤，注意只能是string或者number型別

by the way : 學會條件斷點

斷點處右鍵選擇edit breakpoints，出現輸入框，輸入條件，比如此處當msg包含string，number時就會斷點，輸入msg.includes('string，number')

姓名<

/span>

"light" content=

"提示文字" placement=

"bottom"

="el-icon-question"

/i>

/el-tooltip>

/template>

"scope"

"margin-left: 10px"

/span>

/template>

/el-table-column>

"age" label=

"年齡"

/el-table-column>

/el-table>

/template>

1.第乙個templete設定 slot=「header」，就是表頭的內容；

第二個templete沒有設定就是**行的內容；

2.el-tooltip 的content設定懸浮顯示的內容，span就是表頭內容

ElementUI使用過程中碰到的相關問題

element ui dialog使用過程中的坑

python使用過程中問題

Spring data Jpa使用過程中遇到的坑

ElementUI使用過程中碰到的相關問題

element ui dialog使用過程中的坑

python使用過程中問題

Spring data Jpa使用過程中遇到的坑

相關推薦