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

2021-10-08 00:21:50 字數 3003 閱讀 8276

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就是表頭內容

element ui dialog使用過程中的坑

場景一 我們將dialog寫成乙個可復用的公共元件用於顯示不同內容 如 操作中的修改或新增的彈窗 之後發現dialog的遮罩將彈出層 點選修改或新增後理應由乙個彈窗顯示出來 都蓋住了,而我想要的效果是遮罩只遮住舊的視窗,而當前視窗應該完全顯示 注 是使用easyui的panel和window來包裹的...

python使用過程中問題

1.檢視python支援的 whl格式 在cmd輸入python 或者 python3.6 import pip print pip.pep425tags.get supported 2.在修改python.exe為python36.exe 任何重新命名 後,pip會報錯 fatal error i...

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

一定要注意如果我們在實體類中沒有配置資料表的預設值,那麼在存入和取出的時候應該設定。否則在取出的時候就會出現問題。如何通過一方獲取到多方實體 jsp中 jsp資料夾與上面servlet對映名最好不要一致,這樣會出問題 注意!乙個實體類的表id名字請設定為id,保證不出錯。問題分析 解決方法 其實一般...