frontend 相关问题

面向用户的应用程序部分。在桌面应用程序中，这将包括窗口框架和用户与之交互的表单;在命令行程序中，它将是可用的命令和参数;在Web应用程序中，它将引用HTML和JavaScript。

在 React 中使用 cookie 实现基于角色的访问控制 (RBAC) 时遇到问题

所以我一直在尝试使用cookie对react应用程序实现某种基于角色的访问控制。但我似乎误解了它的用途。这个想法是有一个背景，让...

reactjs node.js typescript frontend backend

回答 1 投票 0

我想将ActivatedValue.Value（这是我的模型的id）传递给另一个组件。 @使用ProtaTestTrack2.Helpers @使用ProtaTestTrack2.Services @inject IDialogService 对话服务我想将ActivatedValue.Value（这是我的模型的id）传递给另一个组件。 @using ProtaTestTrack2.Helpers @using ProtaTestTrack2.Services @inject IDialogService DialogService <MudPaper Class="d-flex flex-column" Style="position: relative; padding: 16px;"> <MudIconButton Icon="@Icons.Material.Filled.Add" Color="Color.Primary" Style="position: absolute; top: 10px; right: 50px;" OnClick="OpenDialog" /> <MudIconButton Icon="@Icons.Material.Filled.Edit" Color="Color.Secondary" Style="position: absolute; top: 10px; right: 10px;" OnClick="EditFeature" /> <MudTreeView Items="TreeItems" MultiSelection="false" SelectedValueChanged="FeatureChanged" @bind-ActivatedValue="ActivatedValue" @bind-SelectedValues="SelectedValues" Dense> <ItemTemplate Context="item"> <MudTreeViewItem @bind-Expanded="@item.IsExpanded" Items="@item.TreeItems" Value="@item" Icon="@item.Icon" Text="@item.Title" EndText="@item.Number?.ToString()" EndTextTypo="@Typo.caption"> <BodyContent> <MudText Style="justify-self: start;"> <MudHighlighter Text="@context.Text" /> </MudText> </BodyContent> </MudTreeViewItem> </ItemTemplate> </MudTreeView> </MudPaper> @code { private int myVar; public int MyProperty { get { return myVar; } set { myVar = value; } } [Inject] FeatureService featureService { get; set; } private TreeItemData _ActivatedValue; [Parameter] public TreeItemData ActivatedValue { get { return _ActivatedValue; } set { _ActivatedValue = value; FeatureChanged.InvokeAsync(value); } } [Parameter] public EventCallback<TreeItemData> FeatureChanged { get; set; } [Parameter] public HashSet<TreeItemData> SelectedValues { get; set; } = new HashSet<TreeItemData>(); private HashSet<TreeItemData> TreeItems { get; set; } = new HashSet<TreeItemData>(); protected override async Task OnInitializedAsync() { await PopulateTree(); } public async Task PopulateTree() { var features = await featureService.GetAllFeaturesAsync(); var treehelper = new Helpers.TreeviewHelper(features); treehelper.BuildTree(); TreeItems = treehelper.TreeItems; StateHasChanged(); } private Task OpenDialog(MouseEventArgs e) { var options = new DialogOptions { CloseOnEscapeKey = true }; return DialogService.ShowAsync<FeatureDialog>("Feature", options); } private void EditFeature(MouseEventArgs e) { // Edit feature logic here } } 这是我的模型组件，具有功能。 @using ProtaTestTrack2.Model @using ProtaTestTrack2.Services @inject FeatureService featureService <MudDialog> <DialogContent> <MudTextField T="string" Label="Name" @bind-Value="featureData.Name" /> </DialogContent> <DialogActions> <MudButton OnClick="Cancel">Cancel</MudButton> <MudButton Color="Color.Primary" OnClick="Submit">Ok</MudButton> </DialogActions> </MudDialog> @code { public class FeatureData { public string Name { get; set; } public string ParentFeatureID { get; set; } } [CascadingParameter] private MudDialogInstance MudDialog { get; set; } private FeatureData featureData = new FeatureData(); private async Task Submit() { var feature = MapFeatureData(featureData); var createdFeature = await featureService.CreateFeatureAsync(feature); MudDialog.Close(DialogResult.Ok(true)); } private void Cancel() => MudDialog.Cancel(); private Feature MapFeatureData(FeatureData featureData) { return new Feature { Name = featureData.Name, ParentFeatureID = featureData.ParentFeatureID }; } } 这是我的功能对话框组件。我想将其传递到此处，因为如果传入的数据为空，则意味着我将创建为父级，但如果数据不为空，我将将该数据映射到父级 featureId。我尝试了类似的方法，但它不起作用，而且激活值可能会不断变化，但我无法处理。与option类似，显示MudDialog时可以传递参数 private Task OpenDialog(MouseEventArgs e) { var options = new DialogOptions { CloseOnEscapeKey = true }; var parameters = new DialogParameters<FeatureDialog> { { x => x.Value, ActivatedValue.Value} }; return DialogService.ShowAsync<FeatureDialog>("Feature", parameters, options); } 在对话框中： [Parameter] public TreeItemData Value{ get; set; } 这是特定于 MudDialog 组件的，文档在这里

frontend blazor mudblazor

回答 1 投票 0

如何使用@rjsf/core避免外边框并修改Form的外部布局

我正在使用 @rjsf/core 库的形式。导入了需要使用的两个lib。从“@rjsf/core”导入表单；从“@rjsf/validator-ajv8”导入验证器；并按照文档使用相同的内容...

css reactjs forms user-interface frontend

回答 1 投票 0

图标按钮在加载前初始渲染时显示文本 - 谷歌字体

css frontend google-font-api

回答 2 投票 0

生成页面时发生此错误。任何控制台日志都将显示在终端窗口浏览器中

RangeError：超出最大调用堆栈大小在此网络应用程序中，当在浏览器中编译此应用程序时，我在标头标记上看到了错误，并且在返回标记上有时我看到了错误，我该怎么办？导出默认功能He...

javascript reactjs next.js frontend

回答 1 投票 0

Electric Clojure - 如何将新值添加到表中？（如表格格式）

我开始学习 Electric Clojure 并开始制作一些教育项目（非常简单，因为不幸的是没有关于前端开发方面的详细文档，dom elem...

clojure frontend electric-clojure

回答 1 投票 0

如何构建一个后端使用nodejs、前端使用nextjs的项目？

我正在后端使用 Nodejs 并在前端使用 Nextjs 构建一个应用程序。我想知道后端和前端是否应该位于单独的存储库中，或者我应该使用包含两者的单一存储库

node.js next.js frontend backend project-structure

回答 1 投票 0

React 组件状态未正确设置

我在 React 组件中有以下 useEffect 钩子，用于从 api 获取数据。 http是一个axios实例。我有一个 React use State 钩子 const [inputsData, setInputsData] = useState(false);....

reactjs react-hooks frontend jsx

回答 1 投票 0

有没有更好的方法从 vue.js 中的数据库检索前端用户

所以我下面有我的javascript代码，它本质上是用于社交媒体的，点击某个按钮后它会转到下一个用户页面，我的问题是这个设置是否正确。我不...

vue.js frontend

回答 1 投票 0

我在选择语言时遇到问题，它可以选择书写

在此输入图像描述所以正如你所看到的，当我选择它时，标志的左侧有问题，它不断出现，当我更改语言时，它消失了，我想得到它的权利......

typescript frontend selection

回答 1 投票 0

如何删除写好的数字、Python代码？

` 当我在交易屏幕中说清除（清除我输入的输入日期、单位代码等的值或名称...）时，它不会清除“单位代码、客户编号和组代码的第一个数字”...

python frontend frameworks backend tkcalendar

回答 1 投票 0

如何将 vee-validate 字段绑定到 Vuetify 的 v-autocomplete 而不显示 [object Object]？

将 vee-validate 字段绑定到 v-autocomplete 组件时，每当选择选项时，输入都会显示 [object Object]。在模糊输入时，显示正确的值，问题......

vue.js frontend vuetify.js vee-validate v-autocomplete

回答 1 投票 0

导航栏未显示

Navbar.js 从“反应”导入反应；从'react-router-dom'导入{链接}；导入'./navbar.scss'; 从“../../image/Logo.png”导入徽标；从'../../image/eye.png'导入管理员；导出默认

reactjs sass frontend mern react-dom

回答 1 投票 0

我可以向 package.json 添加默认脚本行吗

我是前端开发领域的初学者，我开始致力于构建小型项目和作业。我想知道如何向每个 package.json 添加默认脚本行...

node.js json frontend

回答 2 投票 0

在 DOM 加载或视图渲染后运行函数的最佳方式是什么？

我有一个用例，我想突出显示用户之前选择的通道类型（短信或语音）选项以接收 OTP。我已经尝试像下面这样实现 ngAfterViewInit() 。 ####...

javascript angular typescript user-interface frontend

回答 1 投票 0

如何从圆形线条更改轮播中的按钮形状

我想全面改变轮播中的那些指标我尝试了下面的代码和许多其他代码，但没有一个有效。只是在圆角处做了一些改变。 .carousel-indicators li { 边框-

css bootstrap-4 frontend carousel

回答 2 投票 0

如何渲染存储在字符串类型变量中的动态角度代码

[“你好，你好吗？ 0" 类="按钮容器"> {{ 按钮.名称 }} ... [“你好，你好吗 0" 类="按钮容器"> <button class="action-button" (click)="onButtonClick(button)"> {{ button.name }} </button> </div> </div>"]`this is the string` 我已将上面提到的作为字符串存储在变量中，但是当我尝试渲染它时，它将所有代码显示为文本。我希望动态按钮应该显示并工作。我尝试过 DOM Sanitizer，但通过它我得到了这个输出。 [你好，你好吗{{button.name}}]button.name是按钮，但它没有正常工作。您可以使用以下代码以角度渲染 html 字符串。 <div [innerHTML]="htmlString"></div> 您需要确保仅在其中渲染硬编码字符串，因为这是一个安全风险，如果您渲染用户输入等动态内容，则可以执行恶意代码。另请注意：角度事件在该渲染代码内不起作用，因为它是在角度上下文之外渲染的。如果你想让角度事件起作用。您需要将字符串转换为数据对象，并使用该数据对象动态地使用 ngFor、ngSwitch 和 ngIf 渲染 html

javascript html angular frontend rendering

回答 1 投票 0

如何在react中将className添加到变量内的元素？

我想动态向元素添加一些类。我知道如何使用 html-dom 来做到这一点，以及如何通过将 JavaScript 表达式传递给 className 来做到这一点。但这些都不是我想做的。我是

javascript reactjs web frontend

回答 2 投票 0

Apple 使用 Next_Auth 登录：error=OAuthCallback

我正在尝试使用下一个身份验证其身份验证用户来登录苹果，但重定向到 /?error=OAuthCallback 这是网址= https://appleid.apple.com/auth/authorize?client_id=com.wheeleasy.org&...

javascript next.js frontend stack-overflow next-auth

回答 1 投票 0

获取 JSON 会破坏网站并且无法正确显示内容

我有一个网站，里面有很多图片。它们具有相同的代码，但有一些更改。我想我可以使用带有对象的数组来更轻松地呈现内容，而无需编写相同的 HTML ...