单击NavMenu时Blazor不会更新
是因为Blazor使用了单向数据流的概念，即数据从父组件流向子组件，子组件不能直接修改父组件的数据。当点击NavMenu时，可能会触发某个事件或者改变某个状态，但是这个改变并不会自动更新Blazor组件的视图。
为了解决这个问题，可以采取以下几种方法：
- 使用Blazor的双向绑定：Blazor支持使用@bind指令实现双向绑定，可以将NavMenu的状态绑定到父组件的属性上，这样当NavMenu的状态改变时，父组件的属性也会相应地更新，从而触发Blazor组件的重新渲染。
- 使用事件回调：在NavMenu组件中定义一个事件，当点击NavMenu时触发该事件，并将事件传递给父组件。在父组件中监听该事件，并在事件处理程序中更新相应的状态或者调用需要更新的方法。
- 使用Blazor的上下文传递：Blazor提供了上下文传递的机制，可以将NavMenu的状态通过上下文传递给需要更新的组件。当点击NavMenu时，更新NavMenu的状态，并将更新后的状态通过上下文传递给需要更新的组件，从而触发组件的重新渲染。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云原生产品：https://cloud.tencent.com/product/tke
- 腾讯云数据库产品：https://cloud.tencent.com/product/cdb
- 腾讯云服务器运维产品：https://cloud.tencent.com/product/cvm
- 腾讯云音视频产品：https://cloud.tencent.com/product/vod
- 腾讯云人工智能产品：https://cloud.tencent.com/product/ai
- 腾讯云物联网产品：https://cloud.tencent.com/product/iot
- 腾讯云移动开发产品：https://cloud.tencent.com/product/mob
- 腾讯云存储产品：https://cloud.tencent.com/product/cos
- 腾讯云区块链产品：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙产品：https://cloud.tencent.com/product/vr
相关·内容
2回答
请描述您的问题
标题：独享型公网网络计费 - 云服务器 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/213/10579
浏览 547提问于2018-02-28
给定使用VisualStudio2019 Blazor服务器模板创建的“默认”Blazor应用程序-。如何创建可从所有剃须刀页面和组件访问的全局对象。
如何使“当前计数”值在MainLayout、NavMenu、索引页上可见并“动态”更新？
当前计数：@currentCount
用[Parameters]？
使用[CascadingParameter]
创建静态类？
在Blazor中推荐的方法是什么？
浏览 3提问于2020-04-21得票数 3
回答已采纳
1回答
我想将组件用于代码的某些部分。
有描述问题的Blazor：
First model:
@foreach(var car in model.Cars)
{
<div>
@*------Here, it works as expected-----------*@
@car.Name
<button @onclick="()=> model.RemoveCar(car)" type="button">Remove Car from List</button>
</div>
}
Second
浏览 1提问于2021-05-23得票数 0
回答已采纳
我在做关于产品的简单应用程序，基本上当用户选择一个产品时，它应该被发送到另一个可以保存产品的组件中。
产品都是一个接一个选择的，我从来不发的清单！只有逐项！
所以，基本上，当我点击屏幕中央的任何一个产品(产品食品1，产品食品2，产品食品3)，它应该被发送到屏幕的右边，也是分开的组件。
所以我的中间部分是这样的：
<div *ngFor="let product of products;" class="product-holder">
<div id="product.id" class="product"
浏览 1提问于2018-06-28得票数 1
回答已采纳
我在这里有点困惑。使用ngModel，我可以执行以下操作：
import {NgModel} from "angular2/common";
@Component({
selector: "test",
template: `<input tpye="text" [(ngModel)]="strInObj.str"> {{strInObj|json}}`,
directives: [NgModel]
})
class Test{
strInObj: {str: string} = {str: "
浏览 3提问于2016-01-28得票数 2
回答已采纳
4回答
我认为“输入有效”的方式会直接给出一个“不！”回答这个问题。然而，今天我偶然发现了一些奇怪的行为，或者我对@Input总是想错了。
我制作了一个来展示这个问题。这发生在角7.0.1的stackblitz中，但在我的本地项目中，它也发生在角6.1.2上。
stackblitz显示了一个具有对象的简单父组件。该对象通过@Input传递给子组件。子组件和父组件都有一个更改对象的函数。它们还都在模板中显示对象的值。
我希望看到，当父对象更改对象时，它将在子对象中更改对象。但是，我没有预料到当子对象更改对象时，它也会为父对象更改对象。然而，stackblitz确实显示了这种行为。我一直认为您需要通过@O
浏览 1提问于2018-11-08得票数 15
回答已采纳
我正在尝试理解如何在ReactJS中将更改的状态从子组件传递到其父组件？到目前为止，下面的代码改变了孩子的状态，但没有改变父母的状态，你知道我做错了什么吗？
我正在使用redux从mongodb获取产品阵列。
产品数组示例：
[
{
“_id”: “2331”,
“department”: “Shoes”,
“category”: “Shoes/Women/Pumps”,
“name”: “Calvin Klein”,
“title”: “Evening Platform Pumps”,
浏览 5提问于2018-09-06得票数 0
我正在学习Blazor，并试图弄清楚组件生命周期方法是如何工作的。
在我的WASM项目中，我创建了一个简单的组件：
public class TestComponent : ComponentBase
{
[Parameter]
public string Id { get; set; }
[Parameter]
public RenderFragment ChildContent { get; set; }
protected override void OnParametersSet()
{
base.OnParamete
浏览 6提问于2020-07-21得票数 2
回答已采纳
我有剃须刀部件。该组件有一个参数，准确地说，是EventCallback，名为"ValueChanged“。
[Parameter]
public EventCallback<string> ValueChanged { get; set; }
我指的正是这样一个剃须刀文件中的事件：
<Autocomplete DataSource="@Data" Columns="Id,Name" ValueChanged="OnUnitBrandIdChanged" />
我(通过F2，AKA重构)将属性名重命名为"O
浏览 1提问于2019-12-15得票数 2
回答已采纳
我有一个父组件A，它计算子组件B的一些初始值。实际上，我在组件A的componentDidMount()中计算初始值，并通过props将其传递给B： <ComponentB initialValue={this.state.value} handleChange={this.handleChange}/> 而在组件B中，我做到了 this.state = {value: this.props.initialValue} 在此之后，组件B应该独立管理他的状态。但每次它的值改变时，我希望它更新A的状态，但包含的信息更少。 在组件B中： const onChange = (event)
浏览 21提问于2020-10-29得票数 0
回答已采纳
2回答
我有一个React类组件，它在默认情况下呈现null，并在调用activate()函数后呈现一些子级。大致如下：
class MyComponent extends React.Component {
...
activate() {
this.setState({showComponent: true})
}
...
render() {
if (this.state.showComponent) {
return <Child />
} else {
浏览 1提问于2021-04-24得票数 0
1回答
我在其中包装了一个父组件和名为Card的子组件。Card是第三方组件，它渲染一组卡片，并在其中具有css过渡效果，如拖动和更改布局。问题是当卡片改变了我想在父组件中处理的布局时。当前卡片布局状态设置为子级，我无权访问。当子组件布局更改父组件应该得到更改时，我们如何实现此目标
浏览 10提问于2018-02-10得票数 0
3回答
有一个好的。
我有个问题。
如果我们看一下代码的这一部分：
mounted: function () {
var vm = this
$(this.$el)
// init select2
.select2({ data: this.options })
.val(this.value)
.trigger('change')
// emit event on change.
.on('change', function () {
vm.$emit('i
浏览 2提问于2018-02-18得票数 2
回答已采纳
我在父组件中有一个JSON对象。[{type:"checkbox", allValues:["1", "2"], selectedValues:[]}]。我希望呈现一个子组件，该组件对allValues的每个值都有一个复选框，如果选中一个复选框，它将该值保存在selectedValues中。到目前为止，我已经：
在父级组件中：
<inputCheckbox
v-if="item.description.field === 'checkbox'"
v-bind:selectedValues=item.sel
浏览 0提问于2020-03-03得票数 0
在blazor中，我目前正在呈现一个列表： List<string> stuffs = Recieve_Stuffs();
foreach(var stuff in stuffs)
{
@stuff
} 现在如果我将更多的东西添加到东西中，blazor会重新渲染所有从未改变的元素吗？有没有可能我们可以有某种机制或结构，我们可以只向堆栈中添加一个东西来渲染它，而不会接触其他东西。
浏览 32提问于2021-09-30得票数 0
回答已采纳
2回答
更改值后刷新角度视图
、、、
因为我正在处理的页面是一个遗留页面，有很多死的/活的/僵尸代码，所以我无法在这里完整地粘贴它。因此，我正在尝试用示例代码发布我的问题的摘要。
我有一个页面，其中数据来自Angular。它是一堆产品。每个产品都有一个名为showProduct的属性，该属性决定是否应该显示该产品。当第一次从后端获取时，showProduct属性被设置为1。在渲染html时，我在每个产品的div中都有ng-show={{product.showProduct}}。ng-show第一次加载时工作正常，所有产品都会显示出来。如果我在后端将任何产品的这个值设置为0，那么它就是隐藏的。
加载产品后，如果用户单击一个按钮，我
浏览 0提问于2015-11-25得票数 0
我刚接触blazor。我将带有特定值的隐藏输入绑定发送到父组件。我和this tutorial在一起 子组件为(名称为MyControl)： <div>
@foreach (var result in this.Results)
{
if (result.IsFinal)
{
@(Text= result.Items[0].Transcript)
<input type="hidden" @oninpu
浏览 46提问于2020-06-10得票数 0
回答已采纳
1回答
角变化输入值点击
、、、、
我有一个输入，它的值作为另一个组件的输入：
<input [value]="myInput.something">
<span (click)="incrementPlus()">+</span>
我需要一个简单的函数，在每次点击时增加输入的值，这是我的选择。这是一件非常简单的事情，除了输入值传递给我之外：
@Input() myInput: number;
而且我不需要创建一个变量来保存这个值，因为我必须在许多其他输入上重复/重用它。重复一遍:它通常很简单，因为我可以将@输入传递到函数中，修改它，将其保存在变
浏览 1提问于2021-10-04得票数 2
回答已采纳
我有一个简单的双向绑定组件：
<input type="text" id="myInput" bind="@MyVar" />
...
@functions {
private string MyVar { get; set; } = "foo";
当我在输入框上写文本时，所有操作都很好。但是，如果输入值是从javascript设置的，那么blazor就无法检测到更改的值。
document.getElementById('myInput').value='Random Value&#
浏览 1提问于2018-08-08得票数 5
回答已采纳
2回答
首先，这是我目前的结构
CHILD COMPONENT
// HTML
<v-select
v-bind:items="selectItems"
v-model="selectedItemModel"
label="Category"
item-value="text"
></v-select>
<v-text-field
label="Enter Value"
type="number"
v-model="compValModel"
&g
浏览 4提问于2017-10-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
