You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

HelperText属性不支持混合C#与标记内容,@符号转义求助

解决MudTextField HelperText中@符号的显示问题

在使用MudTextField组件时,想让HelperText显示Please provide a valid @outlook.com email,但Razor会把@识别为特殊语法标记引发错误,这里有两种简单的解决办法:

方法一:使用双@@转义@符号

在Razor语法里,要输出普通的@字符,只需要连续写两个@@即可,修改后的组件代码如下:

<MudTextField @bind-Text="Email" T="string" MaxLength="250" 
  Class="mt-2" Label="E-Mail*" 
  HelperText="Please provide a valid @@outlook.com email" 
  HelperTextOnFocus="true" Margin="Margin.Dense" Variant="Variant.Outlined" />

方法二:将字符串定义在代码变量中

把要显示的HelperText内容定义在代码块里,再绑定到组件的HelperText属性,这样Razor不会解析字符串里的@符号:

  1. 在组件的@code块中定义变量:
private string emailHelperText = "Please provide a valid @outlook.com email";
  1. 修改组件引用变量:
<MudTextField @bind-Text="Email" T="string" MaxLength="250" 
  Class="mt-2" Label="E-Mail*" 
  HelperText="@emailHelperText" 
  HelperTextOnFocus="true" Margin="Margin.Dense" Variant="Variant.Outlined" />

内容的提问来源于stack exchange,提问作者Lisa

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.03 00:32:44