asp.net core rzaor page 中的ViewComponent 视图用法

浪淘沙1年前后端138

1、/Pages/Components 新建:

MyViewComponent.cs

using Microsoft.AspNetCore.Mvc;

namespace xxtsoft.Web.Entry.Pages.Components
{
    public class MyViewComponent: ViewComponent
    {
        public IViewComponentResult Invoke(string name)
        {
            // 这里可以处理一些逻辑,获取数据等
            var model = $"Hello, {name}";
            return View("Default", model); // 返回视图和数据
        }
    }
}

image.png

2、/Pages/Shared/Components/My/Default.cshtml

<div>
    <h2>@Model</h2>
</div>

image.png

3、页面引用

<!-- 调用 ViewComponent -->
@await Component.InvokeAsync("My", new { name = "xx hellow" })

image.png

相关文章

asp.net core 绑定下拉

   public List<SelectListItem> zplx { get; set; }  [BindProperty]  public...

asp.net core json解析

一、json{   "cover": {     "title": &quo...

asp.net core 发送253短信

<form method="post">     <button type="submit...

asp.net core razor 一个页面,新增,列表,删除,修改等集大成操作

asp.net core razor 一个页面,新增,列表,删除,修改等集大成操作

一、界面二、razor代码@page @model xxtsoft.Web.Entry.Pages.sysadmins.stu.stu_bftz_addModel@{  &nb...

asp.net core razor加载模板文件路径

  var templateContent = "${include(\"" + App.HostE...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。