Vuex反应性-更新存储中的数组值不会更新组件中的计算值
Vuex是Vue.js的官方状态管理库，用于在Vue应用程序中管理应用程序的状态。Vuex的核心概念之一是反应性，它可以实现数据的响应式更新。
当存储中的数组值发生变化时，由于Vue.js的响应式系统的限制，更新存储中的数组值不会直接更新组件中的计算值。这是因为Vuex的状态存储是以对象形式存在的，而Vue的响应式系统无法检测到对象属性的变化，只能检测到对象本身的变化。
要解决这个问题，可以采用以下方法之一：
- 使用Vue.set()方法：Vue提供了Vue.set()方法来手动触发响应式更新。可以使用Vue.set()方法来修改存储中的数组值，这样Vue会检测到存储的变化并更新组件中的计算值。示例代码如下：
import Vue from 'vue';
import { mapState } from 'vuex';
export default {
computed: {
...mapState('module', ['array']),
computedValue() {
return this.array.length;
},
},
methods: {
updateArray() {
Vue.set(this.array, 0, 'new value');
},
},
};- 使用展开运算符：通过使用展开运算符（spread operator）创建新的数组，从而触发Vue的响应式系统。示例代码如下：
import { mapState } from 'vuex';
export default {
computed: {
...mapState('module', ['array']),
computedValue() {
return this.array.length;
},
},
methods: {
updateArray() {
this.array = [...this.array.slice(0, 1), 'new value', ...this.array.slice(1)];
},
},
};在上述代码中，通过将存储中的数组拆分成两部分，并将新值插入其中，然后再合并回一个新的数组。由于这是一个新的数组，Vue会检测到存储的变化并更新组件中的计算值。
综上所述，通过使用Vue.set()方法或展开运算符，可以解决更新存储中的数组值不会更新组件中的计算值的问题。请注意，这些解决方法是通用的，并且不仅适用于Vuex，也适用于Vue的响应式数据更新。
相关·内容
1回答
我试图在我的@组件上使用vuex $store。但它不是反应性的:/
例：
import { Component, Vue } from 'vue-property-decorator';
@Component
export default class Internationalize extends Vue {
protected selectedLanguage: any = this.$store.getters['globalLocale'];
private langages = this.$store.getters[&
浏览 2提问于2019-04-18得票数 0
回答已采纳
5回答
我有一个Vue.js应用。此应用程序正在使用Vuex进行状态管理。我的商店看起来是这样的：
const store = new Vuex.Store({
state: {
items: []
},
mutations: {
MUTATE_ITEMS: (state, items) => {
state.items = items;
}
},
actions: {
loadItems: (context, items) => {
浏览 41提问于2018-06-09得票数 15
回答已采纳
1回答
我有两个亲子关系的组成部分。父组件可以使用v-for循环包含任意数量的子组件。
实质上，子组件包含一个引导表b-table，父组件只是子组件的包装器。因此，父组件可以在其中包含任意数量的表。
这些表具有检查或取消检查表的行的功能。我希望跟踪父组件中所有表的所有选定行。我使用Vuex存储来保持所有选定行的id来自所有表。在选中/未选中任何行之后，每个子组件都提交给vuex存储。在这里之前一切都很顺利。使用vue devtools，我可以确认vuex存储中始终有正确的数据。( vuex状态属性名为selectedObjects，它是一个字符串数组)。
现在，我想根据vuex存储值(使用v-show
浏览 3提问于2019-11-12得票数 0
回答已采纳
如何在另一个组件的ui中立即更新提交给vuex存储的更改？
以下是组件的vuex存储模块
const { property } = require("lodash")
export default {
state: {
data: [
{id: 1, name: 'Angular', status: 'active'},
{id: 2, name: 'React', status: 'active'},
{id: 3, name: 'Vue'
浏览 5提问于2020-10-03得票数 1
2回答
我想我对Vue + Vuex有个误会。
我有一个Vuex状态，其中包含一个列表的过滤器。列表中的每个筛选项都可以标记为选定。但是- Vuex状态只应在单击apply按钮时通过修饰符进行修改，以便其他组件能够对更改作出反应。
例如，列表将根据所选筛选器重新加载数据。当状态更新时，也应该更新组件。
我创建了一个CodePen：
Vue.component('filter-item', {
template: ` <div>
<!--{{item.color}} ({{item.selected}}) <button @cl
浏览 5提问于2018-01-12得票数 4
1回答
我正在寻找一个解决方案，使我的vuex数据反应。
让我解释一下背景。我根据vuex的数据提供一个列表
`computed: {
...mapGetters(["groups"])
},`
此列表可由具有拖放系统的用户修改。(我使用 FYI)
问题是数据不是被动的。通常，我让data() vuejs属性中的数据，所以当用户修改列表时，数据会被重新更新。
那么，是否可以将数据从vuex导入data()属性？所以：
1来自vuex的数据在data()中被“导入”。
2/ data()被用户交互修改
3/ data()在必要时保存在vuex中(在我的const状态={}中)。
浏览 1提问于2018-11-30得票数 5
回答已采纳
3回答
Vuex存储有一个getter，它通过id返回对象。但我不能用数据采集器。
当我使用computed:在组件呈现之后数据来自getter，DOM仍然是空的(直到我没有点击vue devtools中的组件)。如果我单击，计算再次运行，元素被重新绘制并填充了data ()中的数据)
如果在数据()对象定义期间直接调用getter，则可以立即看到DOM中的{{ cardData.content }}，但this.cardData.title返回一个错误Cannot read property 'title' of undefined。为什么？
Vuex存储
export const
浏览 2提问于2017-01-11得票数 1
回答已采纳
1回答
vuex无反应
、、
我使用vuex，我想在数组中引用一个getter。
例如。
vuex商店
export default new Vuex.Store({
state: () => ({
projectData: {
projectHours: null,
},
}),
getters: {
projectHours: state => {
return state.projectData.projectHours
},
},
})
code.vue
data: func
浏览 1提问于2020-07-07得票数 0
回答已采纳
我正在对一些变量使用VUEX GETTERS。我可以在html部分使用它们，但不能在script->data部分编辑或更改它们。 错误:Vue warn: data()中的错误："ReferenceError: Position is not defined“ <script>
import {mapGetters} from 'vuex'
export default {
data: () => ({
dialog: false,
TotalEntitiy:Positions[0
浏览 9提问于2021-08-02得票数 0
回答已采纳
我的Vuex商店有一个数据集合，比如说1000条记录。有一个带有参数getItem的getter，它接受一个ID并返回正确的记录。
我需要访问该getter的组件知道数据何时准备就绪(当所有记录的异步获取完成时)。
但是，因为它是一个参数化的getter，所以Vue不会监视它所依赖的状态，从而知道何时更新它。我该怎么办？
我一直想恢复到我在Angular中经常使用的BehaviorSubject模式，但是Vuex + rxJS对此似乎很重，对吧？
我觉得我需要以某种方式触发getter重新计算。
store.js
import Vue from 'vue'
import Vue
浏览 1提问于2018-09-03得票数 5
1回答
我有一个包含布尔值的vue.js存储，我需要检测组件内部的变化情况。当userEnabled发生变化时，我需要在组件中调用一个方法。我不需要计算新的值。
我的问题是，我应该为此使用'watch'，还是有更有效的方法？如果是这样的话，我应该在“挂载”内配置手表吗？
store.js
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
export const store = new Vuex.Store({
state : {
userEnable
浏览 0提问于2018-09-02得票数 2
回答已采纳
2回答
作为Vuex和Vue的新手，我很难理解Vuex是如何被“反动”使用的。同事试图解释，但没有做得很好，或者我只是很笨，但他说，商店可以观察到的反应更新，以重新油漆你的UI。
我想我理解了计算属性背后的概念，就像它在回调中封装了与它的函数体一起使用的属性一样，并且会在所有这些更改上重新评估整个函数。Vuex是怎么参与这件事的？我看到了一些例子，比如商店的状态、getter和突变
state: {
user: null,
role: null
},
getters: {
getUser: state => state.user,
getRole: state =
浏览 0提问于2018-02-08得票数 2
回答已采纳
1回答
我有一个父组件Data，它从Vuex获取状态，我使用该状态生成一些子组件Table，并将其中的一些Vuex数据作为支持传递给它，所有这些都在v-for中。
<template>
<table v-for="(item,index) in data"
:key="index + item.id"
:propX="item.x"
:propY="item.y"
/>
</template>
<script>
name: "Data",
comp
浏览 3提问于2021-11-01得票数 1
回答已采纳
2回答
在使用此代码对vuex存储(state.posts.post.comments)进行成功的突变之后，并使用Vue.set以便Vue可以识别对象属性的添加：
store/modules/post.js
const mutations = {
[types.SET_POST_COMMENTS] (state, { comments, id }) {
let post = state.posts.find(post => post._id === id)
Vue.set(post, 'comments', comments)
}
}
模板
浏览 3提问于2018-02-06得票数 1
回答已采纳
在下面的代码中，组件(app.vue) c2属性在increment更新存储计数器this.$store.state.counter++;时不会更新
我知道我可以使用c2作为computed属性来解决这个问题，但是我想知道为什么Vuex或vue不启动反应性，因为计数器的值是通过增量方法更新的。
Store.js
import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
export const store = new Vuex.Store({
state: {
counter:
浏览 2提问于2019-05-17得票数 0
回答已采纳
基本上，我有一个只有一个组件树的应用程序。App作为一个家长，然后它就从那里下来。最初，所有的状态显然都集中在父组件App上，就像通常的情况一样，然后状态通过支持传递给每个组件。我们都知道这是一个麻烦，因为组件树变得越来越大。
我正在学习Redux，只是好奇我是否总是必须使用connect()，然后每个组件都为每个组件(包括子组件)创建一个mapStateToProps和mapDispatchToProps？有一次性的方法吗？对于我的许多组件来说，难道不可能只访问整个存储而不将每个状态/分派映射为一个接一个的支持，这是重复的和耗时的吗？
我来自Vue-Vuex背景(虽然我的Vuex经验有限)和
浏览 3提问于2019-09-24得票数 0
回答已采纳
如果我这样设计我的组件：
<template>
<div>
<button @click="increment">Count is: {{ store.getters.count }}</button>
</div>
</template>
<script>
import { reactive } from "@vue/composition-api";
import store from "../store";
export default
浏览 7提问于2020-03-03得票数 2
回答已采纳
2回答
我正在构建一个学习的项目。我正在store中创建一个对象数组，如下所示：
Vuex商店：
import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
export default new Vuex.Store({
state: {
users: [
{ id: 1, name: 'John Doe', email: 'johndoe@gmail.com' },
{ id: 2, name: 'Jane Doe'
浏览 6提问于2019-11-03得票数 4
回答已采纳
我正在开发我的第一个Vue.js应用程序(Vue 2.x)，我试图在爬行之前冲刺，所以这是一次旅行。我终于开始了一个工作的原型，但我担心我可能会绊倒自己在这条线上。我在同一页的根目录下有两个同级组件，如下所示：
<Root>
<TimeCreate> router-view
<TimeIndex> = $vm0 router-view
在TimeCreate中，我创建了一个记录，当然我希望在TimeIndex中立即显示它，而不需要重新加载页面。TimeCreate创建记录，然后使用调度操作重新加载时间存储。在TimeIndex中，我在数据中
浏览 0提问于2018-07-13得票数 2
回答已采纳
2回答
我有一个如下的store模块： const state = {
user: {}
}
const mutations = {
saveData(state, payload) {
state.user = payload
}
}
const actions = {
async loadData({ commit }, payload) {
try {
const res = await axios.get('https://api.example.com/user/1')
浏览 42提问于2019-01-16得票数 3
回答已采纳
在我的Vuex store中有一个Notes数组。每个备注都由一个<textarea>表示。我有一个NoteArray组件，它显示每个注意事项：
// NoteArray.vue
export default {
name: "NoteArray",
components: { Note },
computed: {
...mapState({
notes: state => state.notes // get array of Notes from store
})
},
template: `
&l
浏览 8提问于2020-05-30得票数 1
回答已采纳
我试图在Vuex中将值设置为Array，但发现了一个错误
VueCompilerError: v-model cannot be used on v-for or v-slot scope variables because they are not writable.
有没有办法认识到这一点？(没有在组件中创建Vuex模型数组的本地副本)
我的component.vue模板
<q-input v-for="phone, index in CompanyPhones" :key="index" v-model="phone" mask=&
浏览 22提问于2021-06-03得票数 0
回答已采纳
我已经创建了一个应用程序，它的工作非常好，但我(我认为)做的东西，在一些地方，它不是最好的做法。我有一个组件，我为我的数据方法使用了这段代码：
data() {
var versionThing = "v1";
if(this.$store.getters.version !=''){
versionThing = this.$store.getters.version;
}
var settings = this.$store.getters.
浏览 4提问于2022-02-08得票数 0
回答已采纳
4回答
我刚接触过vue，所以我可能犯了个新手的错误。
我有一个根vue元素- raptor.js：
const Component = {
el: '#app',
store,
data: {
productList: store.state.productlist
},
beforeCreate: function () {
return store.dispatch('getProductList', 'getTrendingBrands');
},
updated: function (){
console.log(111
浏览 4提问于2017-02-12得票数 24
回答已采纳
2回答
我有一个UserDialog组件，它利用Vuex状态树的一部分来确定它是否应该显示自己：
import { Component, Prop, Vue } from 'vue-property-decorator';
import { State, Getter, Mutation, Action, namespace } from 'vuex-class';
import { fk } from 'firemodel';
import { User } from '@/models/User';
const Users = nam
浏览 0提问于2018-07-09得票数 5
回答已采纳
4回答
我尽量简单地解释它。我有这样的东西。简单的Vue root，Vuex存储，并在导航栏id中输入v-model。
输入不是反应性的.为什么？!
HTML
<div id="navbar">
<h2>@{{ test }}</h2>
<input v-model="test" />
</div>
store.js
import Vuex from 'vuex'
export const store = new Vuex.Store({
state:
浏览 1提问于2017-03-13得票数 9
这更多的是一个“我应该使用哪种方法”的问题，而不是如何使用的问题。
我的Vuex.Store()实例中包含以下内容：
store.js
export default new Vuex.Store({
state: {
acceptedTermsAndConditions: false
},
})
我从不同的组件发出一个事件，根据不同的用户输入将this.$store.state.acceptedTermsAndConditions设置为true或false。
但是，在我的组件中，我会将"Accepts &Cs“复选框的选中值设置为此值，如下所示：
compone
浏览 6提问于2018-08-28得票数 0
回答已采纳
我正试图通过一个由大约50行固定行组成的网格中的多个固定单元来呈现一长串项目。
当我滚动时，我从一个包含大约5000行数组的Vuex存储数据属性中读取不同的值。
因此，重要的是要了解，我做的是而不是创建新的单元格或行，一旦创建，我只是在滚动时更新它们的内容。见下文：
<template>
<div ref="mygridcell" class='vg-data-cell' v-bind:style='mhstyle'>
<span>{{ thevalue }}&
浏览 2提问于2018-08-11得票数 1
2回答
我在Vuejs是新来的，但我来自反应，只是尝试在这里使用Vuex。
我使用包含数组cart的状态构建了我的存储。
const state = () => ({
cart: []
})
我想要一个函数isInCart(product)，它可以返回产品是否在当前购物车中。
<span v-if="isInCart(product)">hello</span>
我应该使用我的商店的getter吗？
const getters = {
isInCart: (state) => (product) => state.cart.fi
浏览 3提问于2020-06-11得票数 0
3回答
我正在使用Vue和Vuex进行集中存储管理。我在存储中有一个由setTimeout函数频繁更新的对象列表。我想让用户使用双向数据绑定表单进行选择和编辑。我的问题是，每当存储中的任何数据更新时，用户正在修改的选定对象也会重新呈现。这样，用户就会丢失更改。
解决方案是将对象从Vuex存储克隆到本地数据对象，并将其绑定到表单，以防止在编辑表单时进行更新。我尝试了所有可能的方法来克隆Vuex返回的可观察对象，但都没有成功。我特别尝试了以下方法：
JSON.parse(JSON.stringify(obj))
和
Object.assign({}, vueObj)
以及其他来自外部库的深度克隆方法，如_
浏览 3提问于2018-01-17得票数 12
回答已采纳
我有一个计算属性，它从vuex获取状态。在vuex中，使用axios从我的api获取一些数据来设置状态。我的问题是，当我尝试在我的方法中使用这个计算属性时，我得到了一个未定义的错误。这是因为我尝试在vuex存储中设置数据之前使用它。那么，在我尝试在我的方法中使用boardColumnData之前，如何确保设置了它呢？ 错误： Error in mounted hook: "TypeError: Cannot read property 'total' of undefined" TypeError: Cannot read property 'tota
浏览 139提问于2020-04-22得票数 0
回答已采纳
我刚刚在Vue.js (2.6.12)组件中遇到了一个反应性问题。它没有重新计算和重新渲染后，它的道具被更新。问题是该组件是在带有v-for和key的列表中使用的。key没有变化，但是对象的数据正在改变--即它是同一个对象，但是它的数据是不同的。
key被用来优化v-for中的列表，因此它可以重用和重新排序相同的组件，而无需重新创建它们。我最初的key是对象的id，解决方案是从id和所有对象的更改数据创建key。这会导致其他问题，比如失去组件的内部数据状态，不需要存储在Vuex存储中。
我的问题是，在Vue.js (也许在v3中)有什么方法吗？在v-for中，不仅要知道对象是否是相同的(通过k
浏览 6提问于2020-11-01得票数 1
回答已采纳
2回答
我正在开发一个可组合的程序，它旨在用Vue3和Vuex封装一些逻辑。可组合使用的是一个“提要”，它可能会在未来发生变化，并且来自Vuex。
当提要作为计算值更改时，我希望可组合返回该提要的状态。
但是，我不清楚如何从Vuex获取/包装值，这样，当Vuex中的值发生变化时，这个计算的属性就会发生变化。例如，在可组合的顶部，我将传入提要的ID，从Vuex获取它，然后在可组合中使用它，如下所示：
const feed = store.getters['feeds/getFeedById'](feedId)
然后，我在可组合的计算中使用提要，如下所示：
const feedIsRead
浏览 3提问于2022-09-20得票数 1
回答已采纳
4回答
我有数据，在VueJS-application init之前加载过一次，这些数据不会一直改变，而html-页面不会重新加载(经典的CGI应用程序，而不是SPA)。数据示例：
const nonReactiveObjectWithSomeNestedData = {
a: 'a',
b: {
bb: 'bb',
cc: { ccc: 'ccc' },
dd: ['dd1', 'dd2']
}
}
我在几个vue组件中使用这些数据。将这些数据存储在Vuex命名空间模块中，并使用Vue
浏览 8提问于2017-11-23得票数 16
回答已采纳
2回答
不更新值的vue计算性质
、、、
我在尝试更新一个计算属性。数据来自vuex状态。
我从商店里得到数据。我想更新商店中允许的值。但是，当我单击update按钮时，它不会更新该值。
html
<div @click="update">update</div>
<b-row>
<b-col v-for="cat in categories" :key="cat.id" sm="12" md="6" lg="4">
<div>{{cat.allow
浏览 8提问于2022-04-12得票数 -1
1回答
我遇到了一个问题，我创建了一个工作良好的自定义拖放组件，
有一个连接到vuex存储的数组，我已经在数组中创建了更新或添加新对象的突变，该数组是在删除操作后更改的，但ui没有被更改。
我正在使用this.$store.getters['moduleName/functionName']获取这个数组
mutation.js=>
export default {
setNewValue(state, payload){
state.arr.push(payload);
}
}
handleDrop函数 =>
h
浏览 2提问于2021-01-28得票数 1
回答已采纳
我有一个管理数组(state.all)的Vuex存储，我有一个按钮调用Vuex操作，该操作执行HTTP调用，然后通过变异将响应中的数据附加到state.all。但是，状态不会更新，组件也不会更新。 为了证明我没有疯，我在突变中使用了两个alert()，以确保我知道我在代码中的位置。alert()始终使用正确的值触发。 下面是截断的Vuex存储(这是一个模块)： const state = {
all: []
}
// actions
const actions = {
...
runner ({ commit, rootState }, { did, tn }) {
浏览 32提问于2019-04-03得票数 0
2回答
我和我的团队正在着手进行中、大型应用程序的开发。它是一个Vue 2客户端呈现的应用程序和asp.net核心后端.客户端将用于管理数以万计的项目，他们的status.The应用程序还处于早期阶段，我们一直在考虑如何重新架构我们现有的客户端商店。
由于我们都是新来的，而且自学的，所以我们不确定Vue应用程序中数据管理的最佳模式是什么。
在VueJS应用程序中有推荐的数据管理模式吗？
我们目前的模式如下：
| |
浏览 0提问于2021-04-06得票数 1
回答已采纳
我在使用Vuex和Storybook时遇到了一个问题。我已经使用Vue CLI和Storybook v5.3制作了一个小的基本应用程序来演示这个问题。代码可以在上找到。
本质上，我正在尝试将输入字段数据提交到我的存储中。然而，我得到了一个Vuex警告："Cannot set reactive property on undefined，null，or primitive value: undefined“和一个TypeError："index.js:47 TypeError: Cannot use ' in‘operator to search 'foo’in
浏览 1提问于2020-01-26得票数 4
4回答
如何将数据从vuex状态复制到本地数据属性？
State
this.tsStore.shemes
数据属性
data () {
return { shemes: [] }
}
我试过在更新的() this.shemes = this.tsStore.shemes中这样做，但它似乎还没有绑定。因为当我在this.shemes中单击删除一项时，我还删除了状态项，并得到了“不要在变异处理程序之外变异vuex存储状态”的错误。
我需要克隆状态，做任何我需要对数据做的事情，同时不影响我的状态。
浏览 2提问于2018-09-30得票数 12
我目前正在尝试从Vuex中检索搜索栏模块中的tags。然而，它不是反应性的。
下面是组件：
<template>
<div class="tags">
<tag v-for="tag in tags" :key="tag.name">{{ tag.name }}</tag>
</div>
</template>
import { defineComponent, computed } from '@vue/composition-api';
i
浏览 9提问于2020-06-04得票数 2
回答已采纳
我需要帮助从vuex发送数据，并以computed：{}发送数据支持( data (){返回{}})
我试过手表:但我的箱子不起作用，因为它必须在那之后作为道具发送。
顺便说一下，除了任何vue组件中的计算属性之外，我无法在任何地方获得存储值，这使我很不高兴.我已经把这个问题挖了四个小时了..请帮帮忙。
<template>
<pie-chart :data="chartdata" />
</template>
data() {
return {
chartdata: [] //<<<<- I n
浏览 1提问于2020-09-18得票数 0
回答已采纳
我正在使用Vuex，并添加了vee-validate ()。我正在使用一个store对象，并且通过它的一个操作，我希望能够根据服务器响应将自定义错误添加到errors集合。是否可以访问通常用作属性的vee-validate的全局errors (ErrorBag)集合？
根据的说法，我应该能够添加到errors对象中，但是当我在我的商店对象中时，this显然是不同的。
例如：
<span id="error-message" v-if="errors.has('phone')">error message</span>
我希
浏览 0提问于2017-09-20得票数 2
晚上好伙计们。:)我有个小问题。我只是在我创建的股票Vue组件中创建了一个数组，现在我想在我的store.js文件中导入该数组，其中我集中了所有必要的数据(Vuex)。
如果还有什么问题，尽管问我。^^
浏览 0提问于2018-12-23得票数 0
4回答
我什么时候应该使用Vuex？
、、、、
现在我开始学习vue，并创建用于编辑数据库的SPA。现在我不知道该在哪里使用Vuex。我可以在任何地方使用道具和$emit，它可以帮助我找到所需的参数。那我该用Vuex做什么？
浏览 3提问于2019-08-29得票数 6
回答已采纳
2回答
我正在尝试在另一个组件中过滤。我对整个Vue和Vuex都很陌生，所以我很抱歉我的问题太多了。假设我有这个网站
单选按钮过滤器和筛选列表是两个不同的组件。如果我单击单选按钮，我希望获取该值并在Axios中传递它，以便使用该值获取API并在筛选后的list组件中显示它。假设我单击一个值为3的单选按钮，那么我的get方法将是axios.get('API-here.com/filter?type=' + 3)。
我的问题是，如何使用Vuex实现这一点？到目前为止，这是我的密码。
存储/index.js
const store = new Vuex.Store({
stat
浏览 3提问于2020-12-14得票数 1
回答已采纳
提前谢谢。下面是我试图实现的一个简化视图:我的Vuex存储中有一个主异步操作，它在同一个Vuex存储中调用另一个操作。我需要mainCodeBlock代码在它继续执行之前等待被调用的第二个操作完成。有什么想法吗？下面是示例代码：
export const actions = {
//main code
async mainCodeBlock(vuexContext, someData) {
vuexContext.dispatch("theCodeThatMustFinishBeforeTheMainCodeResumes")
//this code can
浏览 6提问于2022-07-13得票数 0
我正在Vue中开发一个调查构建器，用户创建的调查问题将提交到Vuex中，以便以后可以像这样检索：
computed: {
inputs() {
return this.$store.getters.questions(this.pageNumber);
},
},
pageNumber是组件接收的道具，inputs()返回一组问题。这一切似乎都可以在屏幕上呈现正确的问题，但我在Jest测试方面遇到了麻烦。
为了测试，我希望我可以像下面这样用getter模拟商店(省略了一些部分)：
const localVue = createLocalVue();
localVue.use(V
浏览 0提问于2018-08-28得票数 3
我的车里有个v型车。V模型更新组件，但不在存储/状态中。我很难找到解决这件事的办法。我读过很多关于vuex和数组的文章，但是我很难将代码应用到我的问题上。这是我第一次在野外真正使用vuex，任何帮助都非常感谢。
selectedPassengerCounti是我试图更新的部分
在我拥有的组件中
<li v-for="(passengertype, i) in passengertypes" :key="i">
<span>{{ passengertype.type }}</span>
浏览 0提问于2021-02-10得票数 0
回答已采纳
1回答
我认为这是一个基本的问题。这是关于vue2/vue3反应性的原理。
假设我们有带标签的项目(多对多)。它们像这样存储在vuex中(使用normalizr方法)：
export const state = () => ({
itemsOrder: [1, 2, ...],
itemsByIds: { 1: { id: 1, title: 'Item 1' }, 2: { id: 2, title: 'Item 2' } ... },
tagsByIds: { 1: { id: 1, title: 'Tag 1' }, 2: { i
浏览 0提问于2021-03-05得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
