vue 查詢元件 搜尋元件封裝

2021-10-02 08:43:23 字數 2197 閱讀 5856

// 由乙個元件,向上找到最近的指定元件

function

findcomponentupward

(context, componentname)

return parent;

}// 由乙個元件,向上找到所有的指定元件

function

findcomponentsupward

(context, componentname)

else

}// 由乙個元件,向下找到最近的指定元件

function

findcomponentdownward

(context, componentname)

else}}

return children;

}// 由乙個元件,向下找到所有指定的元件

function

findcomponentsdownward

(context, componentname),[

]);}

// 由乙個元件,找到指定元件的兄弟元件

function

findbrotherscomponents

(context, componentname, exceptme =

true))

;let index = res.

findindex

(item => item._uid === context._uid);if

(exceptme) res.

splice

(index,1)

;return res;

}// deepcopy

function

typeof

(obj)

;return map[tostring.

call

(obj)];

}function

deepcopy

(data)

else

if( t ===

'object');

}else

if(t ===

'array')}

else

if( t ===

'object')}

return o;

}//阿拉伯數字轉換為簡寫漢字

function

arabia_to_simplifiedchinese

(num)if(

isnan

(num)

)//字元處理完畢後開始轉換,採用前後兩部分分別轉換

var part =

string

(num)

.split

(".");

var newchar ="";

//小數點前進行轉化

for(

var i = part[0]

.length -

1; i >=

0; i--

)//若數量超過拾億單位,提示

var tmpnewchar =

""var perchar = part[0]

.charat

(i);

switch

(perchar)

switch

(part[0]

.length - i -1)

newchar = tmpnewchar + newchar;

}//替換所有無用漢字,直到沒有此類無用的數字為止

while

(newchar.

search

("零零")!=

-1|| newchar.

search

("零億")!=

-1|| newchar.

search

("億萬")!=

-1|| newchar.

search

("零萬")!=

-1)//替換以「一十」開頭的,為「十」

if(newchar.

indexof

("一十")==

0)//替換以「零」結尾的,為「」

if(newchar.

lastindexof

("零"

)== newchar.length -1)

return newchar;

}export

;

vue 封裝元件

一 通過install 封裝 1 建立元件資料夾包含 vue檔案和對應的.js檔案 如圖 2 完成元件模板 這是乙個公共元件內容 3 在相應的js內註冊元件 list.js檔案 import mylist from list.vue const list export default list 匯入...

vue 封裝元件 (例子table元件)

建立元件的模板,先把架子搭起來,寫寫樣式,考慮好元件的基本邏輯。準備好元件的資料輸入。即分析好邏輯,定好 props 裡面的資料 型別。準備好元件的資料輸出。即根據元件邏輯,做好要暴露出來的方法。封裝完畢了,直接呼叫即可。1.父元件與子元件傳值 父元件傳給子元件 子元件通過props方法接受資料 子...

Vue封裝分頁元件

使用vue做雙向繫結的時候,可能經常會用到分頁功能 接下來我們來封裝乙個分頁元件 先定義樣式檔案 pagination.css ul,li page bar page button disabled page bar li page bar li first child a page bar a p...