Blazor Webassembly多標籤頁開發

• 2021 年 10 月 11 日
• 筆記
• Blazor Webassembly, Blazor Webassembly多標籤, c#, 多標籤

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

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