Blazor Webassembly多標簽頁開發(fā)
2021-10-11 15:14:15

非iframe的實現(xiàn)參見:
https://www.cnblogs.com/liningit/p/15716595.html

最近準備用Blazor Webassembly做后臺開發(fā)要用到多標簽頁，找了半天發(fā)現(xiàn)絕大多數(shù)都是Blazor Server的多標簽沒有Webassembly。沒辦法只能自己想辦法造輪子了。
查了許多資料最后還是決定用iframe來實現(xiàn)，不過標簽切換等邏輯是用c#代碼實現(xiàn)的。
基本功能已經(jīng)都實現(xiàn)了不論是標簽滾動、激活、左移、右移、關(guān)閉其他，還是在內(nèi)容頁跳轉(zhuǎn)、新增、關(guān)閉標簽都有實現(xiàn)。
已經(jīng)可以用來做實際項目
源碼地址: https://github.com/liningit/BlazorWebassemblyMultiPagesTab
其中NavMenu.razor中的部分代碼是為了測試多標簽滾動而增加的，可自己手動改下

github中的第二條提交記錄就是在原項目上的修改可以看下改了哪些東西