在 Blazor 中使用 标签动态构建 URL 时，需通过字符串连接（+）而非逗号分隔的多表达式来合并多个参数，否则会触发编译错误“Syntax error, ',' expected”。
在 blazor 中使用 `` 标签动态构建 url 时，需通过字符串连接（`+`）而非逗号分隔的多表达式来合并多个参数，否则会触发编译错误“syntax error, ',' expected”。
在 Blazor 组件中，Razor 语法要求内联表达式 @(...) 中只能包含单个有效 C# 表达式。因此，像 @(str1)@(str2) 这样的写法会被解析为两个独立的表达式并列，Razor 编译器无法识别这种语法结构，从而报出 Syntax error, ',' expected 错误。
✅ 正确做法是将多个字符串变量通过 + 操作符连接成一个完整表达式：
@page "/example"
@code {
string str1 = "https://www.google.com";
string str2 = "/maps";
}
<a href="https://www.php.cn/link/89df30a4734b728774ac9cd022d4c8f9">Go To Google Maps</a>
⚠️ 注意事项：
- 务必确保 URL 协议完整：示例中 str1 应包含 https://（如 "https://www.google.com"），否则生成的链接可能被浏览器视为相对路径，导致跳转失败；
- 避免末尾重复斜杠：若 str1 以 / 结尾（如 "https://www.google.com/"）且 str2 以 / 开头（如 "/maps"），拼接后会出现 //，虽多数浏览器可容错，但建议统一规范（例如让 str1 不带结尾 /，str2 带开头 /）；
- 更安全的替代方案：对于复杂 URL 构造，推荐使用 Uri 类或 UriBuilder 防止拼接错误：
@code {
private string BuildUrl() => new Uri(new Uri(str1), str2).ToString();
}
<a href="@BuildUrl()">Go To Google Maps</a>
总结：Blazor 的 @(...) 仅接受单一表达式，多变量拼接必须使用 +、string.Concat() 或插值字符串（如 $"{str1}{str2}"）；始终验证生成 URL 的合法性与可访问性，以保障导航功能稳定可靠。
