非iframe的實現參見:
https://www.cnblogs.com/liningit/p/15716595.html
最近準備用Blazor Webassembly做后臺開發要用到多標簽頁,找了半天發現絕大多數都是Blazor Server的多標簽沒有Webassembly。沒辦法只能自己想辦法造輪子了。
查了許多資料最后還是決定用iframe來實現,不過標簽切換等邏輯是用c#代碼實現的。
基本功能已經都實現了不論是標簽滾動、激活、左移、右移、關閉其他,還是在內容頁跳轉、新增、關閉標簽都有實現。
已經可以用來做實際項目
源碼地址: https://github.com/liningit/BlazorWebassemblyMultiPagesTab
其中NavMenu.razor中的部分代碼是為了測試多標簽滾動而增加的,可自己手動改下
github中的第二條提交記錄就是在原項目上的修改可以看下改了哪些東西
本文摘自 :https://www.cnblogs.com/