Blazor Webassembly多标签页实现

非iframe的实现参见:
https://www.cnblogs.com/liningit/p/15716595.html

最近准备用Blazor Webassembly做后台开发要用到多标签页,找了半天发现绝大多数都是Blazor Server的多标签没有Webassembly。没办法只能自己想办法造轮子了。
查了许多资料最后还是决定用iframe来实现,不过标签切换等逻辑是用c#代码实现的。
基本功能已经都实现了不论是标签滚动、激活、左移、右移、关闭其他,还是在内容页跳转、新增、关闭标签都有实现。
已经可以用来做实际项目
源码地址: https://github.com/liningit/BlazorWebassemblyMultiPagesTab
其中NavMenu.razor中的部分代码是为了测试多标签滚动而增加的,可自己手动改下

github中的第二条提交记录就是在原项目上的修改可以看下改了哪些东西

posted @ 2021-10-11 14:14  liningit  阅读(494)  评论(0编辑  收藏  举报