diff --git a/src/components/BootstrapBlazor.Mermaid/Mermaid.razor.cs b/src/components/BootstrapBlazor.Mermaid/Mermaid.razor.cs
index aba8ee6c..b4906010 100644
--- a/src/components/BootstrapBlazor.Mermaid/Mermaid.razor.cs
+++ b/src/components/BootstrapBlazor.Mermaid/Mermaid.razor.cs
@@ -41,6 +41,34 @@ public partial class Mermaid
         .AddClassFromAttributes(AdditionalAttributes)
         .Build();
 
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <returns></returns>
+    protected override async Task OnParametersSetAsync()
+    {
+        await base.OnParametersSetAsync();
+        await MermaidChanged();
+    }
+
+    /// <summary>
+    /// <inheritdoc/>
+    /// </summary>
+    /// <returns></returns>
+    protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, BuildDiagramText());
+
+    /// <summary>
+    /// 内容改变时重新渲染mermaid
+    /// </summary>
+    /// <returns></returns>
+    public Task MermaidChanged() => InvokeVoidAsync("init", Id, BuildDiagramText());
+
+    /// <summary>
+    /// 导出图为 base64 字符串
+    /// </summary>
+    /// <returns>base64 string of the diagram</returns>
+    public Task<string?> ExportBase64MermaidAsync() => InvokeAsync<string>("getContent", Id);
+
     /// <summary>
     /// 构造 Mermaid 代码
     /// </summary>
@@ -72,22 +100,4 @@ private string BuildDiagramText()
         sb.Append(DiagramString);
         return sb.ToString();
     }
-
-    /// <summary>
-    /// <inheritdoc/>
-    /// </summary>
-    /// <returns></returns>
-    protected override Task InvokeInitAsync() => InvokeVoidAsync("init", Id, BuildDiagramText());
-
-    /// <summary>
-    /// 导出图为 base64 字符串
-    /// </summary>
-    /// <returns>base64 string of the diagram</returns>
-    public Task<string?> ExportBase64MermaidAsync() => InvokeAsync<string>("getContent", Id);
-
-    /// <summary>
-    /// 内容改变时重新渲染mermaid
-    /// </summary>
-    /// <returns></returns>
-    public Task MermaidChanged() => InvokeVoidAsync("init", Id, BuildDiagramText());
 }