Blazor Webassembly多標籤頁開發
阿新 • • 發佈:2021-10-11
最近準備用Blazor Webassembly做後臺開發要用到多標籤頁,找了半天沒發現合適的輪子沒辦法只能自己想辦法造輪子了.
查了許多資料最後還是決定用iframe來實現,不過標籤切換等邏輯是用c#程式碼實現的
最近準備用Blazor Webassembly做後臺開發要用到多標籤頁,找了半天發現絕大多數都是Blazor Server的多標籤沒有Webassembly.沒辦法只能自己想辦法造輪子了.
查了許多資料最後還是決定用iframe來實現,不過標籤切換等邏輯是用c#程式碼實現的.
基本功能已經都實現了不論是標籤滾動、啟用、左移、右移、關閉其他,還是在內容頁跳轉、新增、關閉標籤都有實現。
已經可以用來做實際專案
原始碼地址: https://github.com/liningit/BlazorWebassemblyMultiPagesTab
其中NavMenu.razor中的部分程式碼是為了測試多標籤滾動而增加的,可自己手動改下
github中的第二條提交記錄就是在原專案上的修改可以看下改了哪些東西