VueJS -在子零部件修改属性数据后更新父计算属性

文章/答案/技术大牛

发布

1回答

VueJS警告避免直接更改道具

javascript、vue.js、vuejs2、vue-component、vue-reactivity

当我尝试使用@click指令更改某个属性的值时，会收到此警告： [Vue warn]: Avoid mutating a prop directly since the value will be overwritten

浏览 1提问于2018-09-02得票数 0

1回答

vue.js、vue-component

我需要创建一个相对复杂的API请求对象，其中有大量UI组件负责更新对象的不同属性。我将基本请求模型作为道具从父组件传递给它的子组件，子组件再将其传递给它们的子组件(向下传递了几代)。在父级，我有一个返回此数据模型的字段的计算属性，以及对该计算属性的监视。当子组件更新模型上的属性时，它会成功地更新引用它的所有位置，但父

浏览 18提问于2021-11-06得票数 0

回答已采纳

2回答

Angular 8-在我的简单示例中，ViewChild()只适用于数组，而不适用于变量

angular、typescript、viewchild

如何使其工作:我有一个带有输入字段和发送按钮的子组件。单击时，该值应呈现在父组件中。如何在没有数组而只有一个单值变量的情况下实现这一点？被注释掉的代码(用于数组设置)可以工作。

浏览 0提问于2020-03-27得票数 0

3回答

如何在ReactJS中将更改的状态从子组件传递到其父组件

reactjs、redux、components、state

.”, "colors": ["red","yellow","red","black"]] import React}); getProducts,updateProductName子组件

浏览 5提问于2018-09-06得票数 0

1回答

当对象悬停在React中时替换框中的文本

javascript、html、reactjs

我尝试在onMouseOver函数中对setState执行此操作，但得到以下错误： 'TypeError: Cannot read property 'SetState' of undefined'.我一直在谷歌上搜索，想也许它与绑定某些东西有关，但我想不出来。下面是我的代码： import React from "react"; import asteroid from '.

浏览 15提问于2020-03-30得票数 0

1回答

当父项上的下一项与选择器上的ngIf具有相同的变量值时，角形子组件不会被销毁

javascript、html、angular

我有一个名为currTab的数字变量，它用于在子组件模板上使用tab键遍历三个div。在父零部件模板上选择选项卡后，子零部件将打开，其中包含上一个实例的值。打开时的默认值应为currTab =1，但如果我选择2或3，则从父对象打开的下一个子对象将具有该值。每次在父窗体上激活选择器时，子组件都会反映正确的“属性”，而不是默认的“currTab”。子

浏览 2提问于2018-10-10得票数 0

1回答

单向数据流:当支柱由父级异步更新时，子组件不会更新

javascript、vue.js、vue-component、vuejs2

所有道具在子属性和父属性之间形成单向的向下绑定:当父属性更新时，它将向下流到子属性，而不是反过来。这可以防止子组件意外地改变父程序的状态，这会使应用程序的数据流更难推理。此外，每次更新父组件时，子组件中的所有道具都将使用最新值进行刷新。- // via https

浏览 2提问于2016-12-12得票数 0

1回答

这两个虚拟导航抽屉中哪一个防止道具突变的解决办法似乎更好？

javascript、comparative-review、vue.js

我对Vue.js非常陌生，我只是偶然发现了一件很难做的事情(至少对我来说是这样)，其中Vue抱怨变异了一个道具(孩子们显然不应该更换父母的道具)。我本来要在8小时内放弃的，但后来成功了！不仅如此，我还提出了另一个解决方案。以下是两个解决方案：const VueNavDrawerComp={ template : ` `,

浏览 0提问于2021-07-28得票数 1

回答已采纳

1回答

VueJS:更新父对象不会反映在子对象上

data-binding、vue.js

我有一个具有对象数据的父类，并将其发送给其子部分。我希望当父母被更新时，孩子应该被更新到。我还注意到，任何基于对象的计算变量都不会更新。这是vuejs的限制吗？我在计算变量中使用了一些存档函数

浏览 0提问于2016-11-14得票数 2

回答已采纳

1回答

如何在vuejs中更改计算属性后返回值？

javascript、variables、vue.js

我试图根据cookie计时器在vuejs计算属性中返回一个修改后的变量值。 } else { } }我认为主要的问题是变量没有被提升到直接父函数，在我的例子中是计算属性？

浏览 0提问于2018-04-09得票数 0

回答已采纳

1回答

ApexCharts & Vue -更改属性值不会更新图表组件中的图表

vue.js、apexcharts

我在一个单独的组件中有一个ApexCharts图表，序列值作为一个属性传入。我的父组件在beforeMount()中进行一些计算，它确定作为属性的数组中的值。我不知道为什么，但它不是动态更新的。ApexCharts文档中写道： You don't actually need to call updateSeries() or updateOptions() manually 我希望Vue像这样自动更新这些值我已经通过在<

浏览 76提问于2021-08-05得票数 0

回答已采纳

1回答

Vue -使用vuex而不是eventbus计算嵌套数据和组件

vue.js、reference、vue-component、state、vuex

当用户修改它们时，我更新了对象，并使用全局eventbus运行重新计算-在重新计算完成后，我也使用eventbus来forceUpdate一些组件。例如，这些字段的父项价格/季度，以刷新类别中的“总”金额。现在我将一些代码移到vuex，在这里也要考虑一下。我认为提交后的重新计算是可以的。问题是--我如何使用子组件中的提交来修改这个大对象？问题是，提交必须“知道”对象的哪一部分被修

浏览 22提问于2019-04-20得票数 0

1回答

UWP - MVVM -计算的比例值更改时不更新的值

c#、mvvm、uwp、calculated-field

父视图模型包含子ViewModel属性父ViewModel包含自己的属性，特别是"DiscountAmount父ViewModel还包含计算的属性：- TotalHT = (NumberOfDays * AmountPerDay) - DiscountAmount + TravellingExpenseA

浏览 18提问于2020-05-26得票数 0

1回答

WPF :取消对子窗体的编辑后更新父窗体(重置DataContext)

wpf、parent-child、editing

我有一个父窗体，在WPF数据网格中有一个客户列表。编辑表单的一行是在子窗体中完成的:单击行中的按钮，使用datagrid的选定项打开子窗体，并将其分配给子窗体datacontext。当子窗体中的PropertyChanged事件被触发时，父窗体中正在编辑的行将更新。如果我决定通过单击子窗体中的cancel按钮来取消当前的修改，我将恢复已编辑客户的原始值：在编辑之前，我克隆了要编辑的客户。然后，

浏览 4提问于2013-12-27得票数 0

1回答

通过子组件更新父数据？

javascript、vue.js

通过子组件更新父数据的正确过程是什么？据vue医生说： }</script> 我使用了this.user.links.push(response.data);，它通过props: ['u

浏览 5提问于2016-10-31得票数 0

回答已采纳

1回答

数据库更新父窗体上的变量

c#、winforms、data-binding

我希望能够将对象列表传递给子窗体，将其绑定到某些控件，从这些控件编辑列表的属性，然后仅在用户单击“确定”时将修改后的列表传回父窗体。如果用户转义或单击“取消”，那么我不希望原始列表更新。txtSurname.DataBindings.Add("Text", bs, "Surname", true, DataSourceUpdateMode.OnPropertyChanged); 最后，当用户单击OK按钮时，属性将

浏览 0提问于2016-01-14得票数 0

回答已采纳

2回答

当父值通过DI从子视图更改时，刷新父视图中的绑定

aurelia

我需要这样做，因为实际代码中的SharedParent将抽象一般计算函数(保存在SharedParent中的变量中，这些变量目前没有在视图中更新)等等(以避免每个子函数重复此功能)。理想的解决方案允许对父级进行直接修改。： --在本例中，由于路由器中重复的“路由”属性，当前路由设置不正确只是另一个问题。但是在这里，至少我们可以从孩子那里更新父属性。理想的解决方案是使两者都在1解中工作。以便正确设置活动路由，并且<em

浏览 3提问于2017-03-17得票数 6

回答已采纳

2回答

更改检测不适用于NgFor中使用的复杂对象

angular、ngfor、angular2-changedetection

我使用的是angular 7，我有一个从api获取用户模型列表的父组件。当"get“成功时，它与ngFor循环结合使用，使用@input将每个用户注入到一个子组件中，该组件将显示用户列表。更新单用户模型上的属性时，子组件不会反映此更改。我理解为什么会发生这样的事情。我知道，只有当列表中的引用发生更改时，才会启动更改检测。然而，我不知道如何绕过这个问题。我尝试将用户模型数组实现为一个可观察对象，并使用异步管道，该管道在显示数据时有效，但在进行更改时无效。在我的特

浏览 37提问于2019-01-31得票数 0

回答已采纳

1回答

动态支撑对象的计算性质

vue.js

我有一个父组件，它将一个对象传递给一个子组件，而该子组件具有一个依赖于对象支持的计算属性。我可以看到，当我更新父服务器中的支柱对象时，这个支柱是在子对象中更新的，但是计算的属性只在加载时计算一次，然后再不会重新计算，即使我使用'deep'，计算属性或监视对象也不会被触发，对

浏览 1提问于2019-09-05得票数 2

回答已采纳

1回答

打破sortBy ()绑定的Lodash输入函数: Angular4

angular、lodash

我有一个父组件，它有一些内容，并且我在它的子组件中显示该内容。子组件接收Angular @Input()形式的内容。因为我绑定了父组件中的“content”属性和子组件中的“content”属性。因此，每当我更改parent中的“content”属性时，子“content”属性就会自动更新。但是，我使用的是洛达什的sortBy方法：这样，我将对内容进行排序，并将排序后<

浏览 10提问于2017-08-28得票数 0

点击加载更多

VueJS警告避免直接更改道具