多路由復用乙個元件

2021-09-22 02:47:45 字數 944 閱讀 9095

現在有兩個路由,它們共用乙個元件,如何實現元件的復用?

route**:

export const catalogrouter: menuconfig = ,

],};

兩個路由分別是 viscatalogcreate 和 viscatalogedit,它們共用了乙個元件 viscatalogdetail。viscatalogcreate實現的功能是目錄的新增,viscatalogedit則是對目錄資訊的編輯,因為它們頁面上的區別僅僅是顯示資料的區別,所以可以共用乙個元件。

viscatalogcreate實現的頁面:

viscatalogedit實現的頁面:

實現方法

在頁面中的 標籤上繫結乙個key屬性,用來給它增加乙個隨機數,以此讓每次進入的路由名都不相同,這就讓vue認為每次渲染的都是新組建,從而達到重新整理的目的。

給繫結乙個key屬性

在ts中,就需要對這個 key 實現隨機數功能

computed: ,

},

key() 中返回的是三元表示式,在路由名不為 undefined 的時候,路由名等於它自己的後面加上個時間戳,new date().gettime() 返回乙個很長的隨機數,這樣拼接到一起就實現了路由名的隨機。

既然是為了得到乙個隨機數,上面這個方法可以,但並不是我們常規做隨機數的方法,所以也可以使用常規的random。

computed: ,

},

java IO學習(一) IO多路復用

上一次學習了io模型,其中io多路復用可以很好的提高伺服器吞吐能力 io多路復用是指核心一旦發現程序指定的乙個或者多個io條件準備讀取,它就通知該程序。io多路復用適用如下場合 當客戶處理多個描述符時 一般是互動式輸入和網路套介面 必須使用i o復用。當乙個客戶同時處理多個套介面時,而這種情況是可能...

Vue 乙個元件引用另乙個元件

有些時候需要這麼做,比如,我想在首頁載入輪播元件,但是又不想全域性註冊 因為不是每個頁面都需要輪播功能 方法1 1 template 2 div 34 testcomponent testcomponent 5div 6template 78 script 9 1.先使用import匯入你要在該元件...

乙個有關tableViewCell的復用問題

背景 tableview有兩個分組,兩個分組中的cell裡面控制項布局不同.手寫 布局cell.問題 手寫 的cell復用,上面新增的控制項沒有移除,會出現重疊.而且最開始用了乙個復用id,也就是預設了整個tableview是一類的cell.所以在頁面中,尤其是復用了cell的時候,兩種cell 會...