Fatal编程技术网
  • blazor/
  • Blazor WASM-如何更改车身类动态内部布局

Blazor WASM-如何更改车身类动态内部布局

blazor

Blazor WASM-如何更改车身类动态内部布局,blazor,blazor-client-side,blazor-webassembly,Blazor,Blazor Client Side,Blazor Webassembly,我有一个Blazor应用程序。 在我的Index.html（wwwroot）中，我有以下主体： <body class="vertical-layout vertical-menu 2-columns fixed-navbar" data-open="click" data-menu="vertical-menu" data-col="2-columns"> <app>Loading.

我有一个Blazor应用程序。 在我的Index.html（wwwroot）中，我有以下主体：

<body class="vertical-layout vertical-menu 2-columns fixed-navbar" data-open="click" data-menu="vertical-menu" data-col="2-columns">
    <app>Loading...</app>

    <div id="blazor-error-ui">
        An unhandled error has occurred.
        <a href="" class="reload">Reload</a>
        <a class="dismiss">Use JS Interop. It could look like that :


window.bodyLayout = {
   toggleClass: className => {
       $('body').toggleClass(className);
   }
}





使用JS互操作。可能是这样的：


window.bodyLayout={
toggleClass:className=>{
$（'body'）.toggleClass（类名）；
}
}



@inject JSRuntime JSRuntime
...
@代码{
私有任务ToggleBodyClass（字符串类名称）
{
返回JSRuntime.InvokeVoidAsync（“bodyLayout.toggleClass”，className）；
}
}

使用JS互操作。可能是这样的：


window.bodyLayout={
toggleClass:className=>{
$（'body'）.toggleClass（类名）；
}
}



@inject JSRuntime JSRuntime
...
@代码{
私有任务ToggleBodyClass（字符串类名称）
{
返回JSRuntime.InvokeVoidAsync（“bodyLayout.toggleClass”，className）；
}
}

非常感谢，这很有意义。所以我应该在before渲染发生时更改主体中的类，对吗？很高兴知道这一点。有意义，因为那是DOM存在的时候，对吗？非常感谢，有意义。所以我应该在before渲染发生时更改主体中的类，对吗？很高兴知道这一点。这是有意义的，因为DOM就是在这个时候存在的，对吗？