如何通过突变动态添加状态属性

文章/答案/技术大牛

发布

2回答

javascript、vue.js、vuex、nuxt.js

我想通过突变将属性添加到store.state中。我真的需要通过变异来添加状态。背景是：我们实现了一个数据库管理。因此，如果用户创建了一个新数据库，vuex存储需要动态了解这些信息。所以现在，我们有一个突变，它为每个数据库创建状态。

浏览 32提问于2019-06-27得票数 1

回答已采纳

2回答

如何使vue DevTools自动提交vuex突变？

vue.js、vuejs2、vuex、vue-devtools

我看到了这些突变：但只有当我点击向下箭头时，他们才会真正得到承诺。我如何让他们自动提交随着应用程序的进展？

浏览 2提问于2019-08-20得票数 3

回答已采纳

1回答

如果我的变量是数组，如何在vuex中更改状态

vue.js、vuejs2、vuex

我有几个数组，这些数组的数据将从数据库中动态加载。它们中的对象具有一个isLoaded属性来标识加载状态。如何在不将整个对象传递给突变的情况下更改isLoaded的值？{ item.isLoaded = true }为了添加预加载器类:src="book.img" :alt="book.title&q

浏览 1提问于2020-11-15得票数 1

回答已采纳

1回答

当道具更改时，Vue子组件没有重新启动吗？

vue.js、components、vuex

在我的应用程序中，我使用vuex来管理我的组件状态，当状态随vuex突变而发生变化时，子组件不会重发。下面是我在CodeSandbox:上的代码有人能帮我吗？

浏览 2提问于2018-07-23得票数 1

回答已采纳

1回答

vuex如何在商店中像redux一样变异多个属性？

vue.js、vuejs2、react-redux、vuex

状态突变的Vuex方法如下： state: { board: null state.fetching = false }但是，我担心它将独立地触发board和fetching的两个更改，而不是一个，而且我的视图将对每个属性进行两次更新这只是一个简单的例子，我有更复杂的属性--突变--通过一个突变

浏览 0提问于2017-11-11得票数 5

回答已采纳

1回答

使用vuex-module-decorators时，组件的属性不会更新

vue.js、vuex、vuex-module-decorators

我正在使用支持TypeScript的VueJs2.6和vuex模块装饰器来管理应用程序状态。: SomeModel;@Module({ namespaced: true }) public: SomeModel | null;} 当MyModule中的突变将属性设置为prop1时，组件中相应的属性不会更新。我检查过，突变被正确调用，状态的属性

浏览 22提问于2021-02-27得票数 1

1回答

嵌套对象突变中的Vuex重复值

vue.js、vuejs2、vuex

我和Vuex有个问题：我动态地设置集合对象。我的模块状态： id: 1, nestedProp: "" }, id: 2, nestedProp: "" },当我正确地变异突

浏览 0提问于2018-12-03得票数 1

回答已采纳

2回答

大型网站中的Vuex商店体系结构

javascript、vue.js、vuex、vuex-modules

├── Header.js│ └── Photo.js 是否可以为每个页面创建动态状态</em

浏览 4提问于2017-11-24得票数 2

1回答

vuejs vuex使用状态双向绑定，无突变(v-模型)

vue.js、vuex、two-way

我知道我应该用突变来改变状态。然而，我想知道在v模型绑定中使用状态在理论上是否可行。html：<input v-model='todo'>突变：... todo: { get () { return this.

浏览 0提问于2017-05-30得票数 1

回答已采纳

1回答

Vuex如何声明常量根突变

ecmascript-6、vue.js、vuex、vue-tables-2

因此，我的应用程序结构与下面的示例非常相似export const UPDATE_CLIENTTABLE = 'UPDATE_CLIENTTABLE' 然而，我不确定如何在mutations.js中编写变化，因为没有定义模块，因为状态是由vue-tables-2动态创建的。

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

4回答

如何在Vuex中存储无反应数据？

javascript、vue.js、vuejs2、vuex

我有数据，在VueJS-application init之前加载过一次，这些数据不会一直改变，而html-页面不会重新加载(经典的CGI应用程序，而不是SPA)。数据示例： a: 'a', bb: 'bb', dd: ['dd1', 'dd2']} 我在几个vue组件中使用这些数据。将这些数据存储在Vuex命名空间模块中，并使用Vue

浏览 8提问于2017-11-23得票数 16

回答已采纳

4回答

Vuex:向对象添加动态属性，而不触发现有属性上的监视程序

vue.js、vuex

我有一家Vuex商店，里面有一个物品： contents: {},在其中，我按键动态地存储内容： updateContent: (state$store.getters.content(this.id) },} 如何使用突变添加动态属性，而不触发监视state.contents的已存在属性的组件的更改

浏览 4提问于2020-06-01得票数 0

回答已采纳

1回答

因此，我知道Vuex如何在组件的computed属性上使用set()和get方法实现双向数据绑定。也就是说，在get()方法中返回store state或相关的geeter，并在set方法中提交一个突变，然后该方法会突变状态值。我还知道如何使用Vuex中的mapGetter() helper来简单地将Vuex getter映射到组件的computed属性。我的问题是，在不为计算属性编写set和get方法的情况下使用mapGetter helper时，<

浏览 7提问于2020-02-10得票数 0

1回答

如何使用Vuex中的突变主动创建或删除对象属性？

vue.js、vuex

我有一个状态为状态的对象数组，并且我想要添加或删除或编辑属性到其中一个对象，使用突变： state: { { } } 但问题是，我不能使用Vue方法，比如来自Vuex的$delete或$set，那么我如何才能不是从组件，而是从Vuex突变

浏览 15提问于2020-10-07得票数 0

回答已采纳

2回答

如何使用动态路径作为变异的有效负载从Vuex存储中删除条目？

javascript、vue.js、vuex、vue-reactivity

我想为vuex状态创建一个突变，但是让它动态更新状态--使有效载荷包含到我想要从其中删除元素和键的对象的路径。 { this.$store.dispatch('deleteOptionAction', {path, key}) } deleteOptionAction ({ commit }, payload) { commit('deleteOption', payloa

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

回答已采纳

1回答

使用vuex模块切换真/假？

javascript、vue.js

在这种情况下，我有一个状态showName，默认设置为false。我设置了一个突变来切换状态。在我的about.vue文件中，我有一个按钮，它调用那个突变，但是每次我试图运行该突变时，它都会给出一个错误消息属性或方法"showCustomerName“不是在实例上定义的，而是在呈现期间引用的。通过初始化此属性，确保此属性是反应性的，无论是在data选项中，还是对于基于类的组件。

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

回答已采纳

1回答

观察Vuex状态更改不像v-model预期的那样工作。

javascript、vue.js、vuex

我用Vuex创建了一个全局错误状态，我创建了一个包含当前所有错误对象的数组。}, state.errors.splice(i, 1); }我有一个组件，它使用Vuex状态动态地显示所有错误，而我要做的是删除将错误属性设置为false的所有对象，错误属性状态由组件中的setError突变和v模型属性处理。我试图通过监视更改并从数

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

回答已采纳

3回答

Vuex -忽略突变处理程序并始终直接突变存储数据是一个好主意吗？

vue.js、vuex

与直接突变相比，使用突变处理程序需要编写数百倍于直接突变的代码(如果您遵循官方指南，在大型应用程序中)，因为它们需要计算属性并存储每个嵌套状态属性的突变。我知道，从理论上讲，不使用突变处理程序会使追踪某些错误的来源变得更加困难，但在实践中，如果只有几个函数更改了特定的状态属性，那么很容易通过遵循事件逻辑来确定它们中的哪一个导致了错误，因为在大多数情况下，突变是由某种已知事件(按钮按

浏览 5提问于2020-11-27得票数 3

1回答

Vue 3 Vuex如何强制回调函数异步运行

vue.js、vuex、vue-reactivity

我尝试在UI元素和store模式变量之间的计算属性中进行f()的更改。我还尝试在mode变量上使用一个监视器，并在那里进行其他更改f()。在所有情况下，我都会得到一个错误：“不要在突变处理程序之外改变Vuex存储状态”。如果我删除了导致Vuex状态改变的操作，而不是模式，那么问题就会消失。我对Vues变量的所有更改都是在使用store.commit的突变处理程序中进行的。如何创建在Vuex变量的整个反应周期完成后执行的回调函数？

浏览 7提问于2021-11-03得票数 0

2回答

在模板中直接使用/修改Vuex状态

vue.js、vuex、mutation

我有一个Vuex状态，其中包含一个列表的过滤器。列表中的每个筛选项都可以标记为选定。但是- Vuex状态只应在单击apply按钮时通过修饰符进行修改，以便其他组件能够对更改作出反应。this.item.selected; }, }); 当我在selected模板中直接切换filter-item属性时，Vuex状态也会被更新(我不希望如此)。因此，我尝试用状态</em

浏览 5提问于2018-01-12得票数 4

点击加载更多