个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
39
4
我尝试实现一个简单的 onclick 事件处理程序，如此示例 https://blazorfiddle.com/s/counter但在我的解决方案中不起作用。该事件仅在网页运行时触发，原因未知。
带有 Blazor 组件的 HTML 页面显示良好，但当我单击按钮时，没有任何反应。
我使用的是 VS 2019 .Net Core 3.0。 ASP.NET MVC 项目
Counter.razor 文件:
@using Microsoft.AspNetCore.Components
<p>Current count: @currentCount</p>
<button class="btn btn-primary" onclick="@IncrementCount();">Click me</button>
@code {
int currentCount = 0;
private async Task IncrementCount()
{
await Task.Run(() => currentCount++);
}
}
索引.cshtml:
@using WebApplication2.Views.Components
@{
ViewData["Title"] = "Home Page";
}
<div class="text-center">
<h1 class="display-4">Welcome</h1>
<p>Learn about <a href="https://learn.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
</div>
@(await Html.RenderComponentAsync<Counter>(RenderMode.Server, new { }))
启动.cs:
public void ConfigureServices(IServiceCollection services)
{
services.AddControllersWithViews();
services.AddHttpClient();
services.AddRazorPages();
services.AddServerSideBlazor();
services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_3_0);
}
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
else
{
app.UseExceptionHandler("/Home/Error");
// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
app.UseHsts();
}
app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseRouting();
app.UseAuthorization();
app.UseEndpoints(endpoints =>
{
endpoints.MapRazorPages();
endpoints.MapBlazorHub();
endpoints.MapControllerRoute(
name: "default",
pattern: "{controller=Home}/{action=Index}/{id?}");
});
}
浏览器中的按钮:
<button class="btn btn-primary" onclick="System.Runtime.CompilerServices.AsyncTaskMethodBuilder`1+AsyncStateMachineBox`1[System.Threading.Tasks.VoidTaskResult,WebApplication2.Views.Components.Counter+<IncrementCount>d__2];">Click me</button>
浏览器错误:
最佳答案
这是与该问题相关的最常见问题:Blazor onclick events don't get triggered 。添加到解决 OP 问题但无法解决我的问题的答案中，我想补充一点:
<强> <script src="~/_framework/blazor.server.js"></script>需要放置在声明事件的组件之后，而不是放在 <head /> 中标签。可能在 body 的最底部标签 _Host.cshtml或您的 MVC View 需要 Blazor成分。如果你不这样做，Blazor语法仍然有效，项目将编译，大多数事情将按预期运行，但事件不会被触发。
我只是花了几个小时试图弄清楚这一点。
另外如果@onclick不被识别为Blazor代码 .razor文件(尤其是在 Component Libraries 中可能会发生这种情况)，请确保添加 _Imports.razor在项目的最顶部包含以下内容:
@using System.Net.Http
@using Microsoft.AspNetCore.Authorization
@using Microsoft.AspNetCore.Components.Authorization
@using Microsoft.AspNetCore.Components.Forms
@using Microsoft.AspNetCore.Components.Routing
@using Microsoft.AspNetCore.Components.Web
@using Microsoft.JSInterop
如果由于某种原因无法找到某些命名空间，可以将它们添加为 nuget包。
关于c# - Blazor onclick 事件未触发，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58196812/
39
4
0
Blazor 中的缓存破坏有什么解决方案吗？我在 Blazor WebAssembly 中转换了我的 asp.net 核心应用程序，我在 razor 页面中使用 asp-append-version=
使用 NavigationManager.NavigateTo() 在页面之间移动非常简单，但我想知道是否有一种导航到页面的方法，这样我就可以在不丢失状态的情况下导航回去第一页。 我正在寻找类似 Na
假设我的大部分组件都有一个标题。我想创建一个具有 header 变量的基本组件，并使所有其他组件从该组件继承并设置 header 。所以我有 基础组件 @inherits LayoutComponen
引用https://learn.microsoft.com/en-us/aspnet/core/blazor/components?view=aspnetcore-3.0#razor-template
引用https://learn.microsoft.com/en-us/aspnet/core/blazor/components?view=aspnetcore-3.0#razor-template
我现在正在试验 Blazor 一段时间，我正试图找到关于两者之间差异的解释 Something 和 methodCall()">Something 为什么 @ expected before onc
我正在使用 BlazorInputFile 包在 Blazor 中上传文件。 问题 此代码无效。 如何限制用户只能在 Blazor 中上传 jpeg 或 png？如果需要更多的东西来支持这个问题，请
这存在于许多现代 SPA 库/框架中...... 我将提供一个使用 React 的示例(但它可以是 Angular 或 Vue)，您可以执行类似... this.props.router.push({
我有一个 Blazor 服务器端应用程序，我将托管在离我的主要用户将使用的地方不远的服务器上，我想模拟某些功能是否可用但有一些延迟，或者延迟是否会真正影响它。 但我无法在开发时测试延迟，而且我不想每次
我有一个 Blazor 服务器项目，我想将一些共享组件移动到不同的程序集中，看看它是否会在编译时间上产生差异(让我知道这是否可行的奖励......) ，但这并不是那么顺利。 在 VS2019 中，组件
我最近开始使用 Blazor，发现它是一项非常有前途的技术。 我正准备制作自定义嵌套 Blazor 组件，但我似乎没有让它按我想要的方式工作。 目标是拥有一个具有“ContentHeader”和“Co
我想在我的 Blazor 项目中插入和使用 Mapster。我找不到关于如何注册映射并将它们注入(inject)我的应用程序的不同层的好引用。 有人知道我该如何实现吗？ 谢谢 最佳答案 原来很简单。
我正在考虑在 Blazor 服务器项目上使用 PostSharp，想知道此 Postsharp 博客 (https://blog.postsharp.net/post/blazor-support-6
我在使用 RenderTreeBuilder 的 Blazor 组件上使用事件绑定(bind)时遇到问题。我了解如何使用编写 HTML 并将事件附加到组件的直接方法来触发事件。但是，我现在需要使用 R
当用户按下包含登录的左上链接的登录链接时，我试图将其存档: 但相反，我收到了这个: 换句话说:我想转到一个没有主布局导航栏的页面。如何存档？ MainLayout.razor inherits Lay
如果程序中有错误，我会收到“发生未处理的错误”。使用 Blazor Web 程序集，我可以在浏览器中打开开发者工具以获取所发生事件的详细信息。这在 Blazor MAUI 中是不可能的。 那么如何在
我刚刚在 Blazor WebAssembly 中完成了我的第一个重要测试应用程序。 Blazor 是令人印象深刻的东西，但我发现很难推断属性更改如何导致 DOM 更新 - 例如，在 Razor 组件
很高兴了解 Blazor。这个框架有很多潜力! VS 2017 build 15.8.9 和 Blazor v 15.5.9 的 VS 扩展好的，所以在使用 asp.net 核心(托管)模板开始新项目
我想要在 ASP.NET Core blazor 中触发 click 事件的确切目标。这是可以实现的吗？ 最佳答案 您可以使用@ref 获取对 DOM 对象的引用，然后将其作为参数传递给您的处理程序函
Blazor 服务器端基于 Signalr，因此我假设它知道用户何时离开网站(关闭连接)。是否有任何事件可用于记录此事件？或者其他任何方式! 最佳答案 我认为这项服务可以帮助您... public c
我是一名优秀的程序员,十分优秀！