VUEX状态已更新，但页面内容未更新%0
VUEX是一个专为Vue.js应用程序开发的状态管理模式。它可以帮助我们在应用程序中管理和共享状态，以及实现组件之间的通信。当VUEX状态已更新但页面内容未更新时，可能是由于以下几个原因：
- 忘记在组件中使用计算属性获取VUEX状态：在组件中使用VUEX状态时，应该使用计算属性来获取状态值，而不是直接访问VUEX的state。这样可以确保当状态发生变化时，页面能够及时更新。
- 忘记在VUEX中定义mutation：mutation是用于修改VUEX状态的唯一途径。如果忘记在VUEX中定义mutation，那么状态的更新将不会触发页面的重新渲染。
- 忘记在组件中触发mutation：在组件中修改VUEX状态时，需要通过触发mutation来实现。如果忘记在组件中触发mutation，那么状态的更新将不会生效。
- 异步操作未使用正确的方式：如果在VUEX中进行了异步操作（如API请求），需要使用正确的方式来处理异步操作。可以使用actions来触发异步操作，并在异步操作完成后再通过mutation来修改状态。
为了解决以上问题，可以按照以下步骤进行排查和修复：
- 确认是否在组件中正确使用了计算属性来获取VUEX状态。
- 确认是否在VUEX中定义了对应的mutation，并且在组件中正确触发了该mutation。
- 如果涉及到异步操作，确保使用了正确的方式来处理异步操作，即在actions中触发异步操作，并在异步操作完成后通过mutation来修改状态。
如果以上步骤都没有解决问题，可以考虑检查其他可能的原因，如组件之间的通信问题、VUEX模块的命名空间等。
对于VUEX的更详细介绍和使用方法，可以参考腾讯云的相关文档和示例代码：
- VUEX官方文档：https://vuex.vuejs.org/
- 腾讯云VUEX产品介绍：https://cloud.tencent.com/product/vuex
相关·内容
1回答
关于网站数据迁移腾讯云的若干问题。问题之一：腾讯云有等保级别？
数据迁移、tcp/ip、windows
事情背景是 2018年建立了网站，网站有工信部备案号。主域名、IP都正常在用。网站接入方式是 租赁虚拟空间。等保备案号、等保级别、等保系统都没有。系统软件版本是 windows 2008，路由器、交换机、服务器、安全设备都 “为虚拟机，不是独立单台服务器”
网站现在需要整改(公安部备案、达到等保要求等等)
问题：
1、对网站数据进行迁移腾讯云支不支持？
2、腾讯云有没有最低等保2资质？
3、完成迁移和后续持续运行对腾讯云的配置有什么要求？
4、迁移和持续运行每年需要大概多少费用？
浏览 272提问于2022-03-08
1回答
Vuex:跳过动作和直接从组件中提交突变
javascript、vue.js、vuejs2、vue-component、vuex
在vue.js应用程序中，使用vuex作为状态管理存储，我需要简单地更改vuex中属性的值。为此，我可以遵循两种方法：
分派一个action方法，该方法将进一步提交mutation，这最终将改变状态。
第二种方法是直接从组件提交mutation，然后突变方法将改变状态。
目前，我使用的第一种方法如下：
组件中的：
this.$store.dispatch('updateNotice', 'This is some notice')
行动中的：
updateNotice ({state, getters, commit}, payload) {
浏览 1提问于2018-04-23得票数 52
回答已采纳
2回答
在Vue中保存异步数据的最佳方法是什么？
javascript、vue.js、vuejs2、async-await、vuex
我有一个如下的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
回答已采纳
1回答
关于轻量服务器windows server 2012升级server2016,问题，升级重启蓝屏？
windows、系统架构、server、服务器
关于轻量服务器windows server 2012升级server2016,问题，在升级过程中重新就蓝屏，有人遇到这个问题的没有啊，这个要怎么解决呢，我用我家里的电脑，就能升级成功，但这个轻量云，就不得行。应该是驱动上边的问题，希望高手解决一下。
浏览 209提问于2023-11-27
2回答
Vuejs - vuex延迟加载
vue.js、vuejs2、vue-router、vuex
我有一个相当大的vuex SPA，我只想使用惰性加载在某些路由上加载VueJS模块。
我跟随这篇文章是为了重现这个--
然而，这在vuex中给了我一个错误。
文件夹结构
root
|- store
| |- modules
| | |- auth.js
| | |- module2.js
| |- store.js
|- app.js
auth.js
const state = {
var1: {},
var2: false
}
const mutations = {
'MUTATION_1'(state, obj) {
浏览 14提问于2018-07-20得票数 3
回答已采纳
4回答
腾讯云官方有能动态的将我的IP加入安全组的软件吗？
云服务器、网络安全、tcp/ip、安全
云服务器是私人用途的，不需要其他用户访问。
因为我的IP是动态的，所以我不能在安全组中设置一个固定的IP去成为白名单，但是我的服务器又总是遭受各种人的攻击，我想在安全组这屏蔽他们，但怎么放过我自己这个动态的IP呢？
腾讯有没有一款软件可以安装在本地，只要安装了这个软件就不会被拦截，然后拦截其他所有IP？
浏览 362提问于2021-09-09
回答已采纳
1回答
需要对更改组件结果中的计算属性所需的vuex数据进行排序
vue.js、ecmascript-6、vuejs2、vuex
我需要对在Axios之后收到的数组进行排序，我还需要按日期升序和降序排序值。我真的不知道Vuex是如何工作的，我需要非常快地创建排序函数。你们能帮帮我吗？
methods: {
sort() {
return this.results = this.$store.getters.getResults.slice().reverse();
},
}
const actions = {
sort({commit}, payLoad){
commit('setResults', )
},
const mutations = {
setResults
浏览 10提问于2019-07-22得票数 0
回答已采纳
3回答
在计算中返回getters创建循环
vue.js、vuex
我在计算中调用来自存储的操作来运行它，在我返回一个getter之后，这将创建一个循环。
HTML
{{loadedProjects}}
计算器
computed: {
loadedProjects() {
this.$store.dispatch("getProjects");
return this.$store.getters.loadedProjects;
}
}
商店
import Vuex from "vuex";
import axios from "axios";
const creat
浏览 40提问于2019-08-22得票数 2
回答已采纳
2回答
Vuex商店中的Axios返回的是promise而不是data
axios、vuex
我不知道为什么我不能从我的Vuex商店的这个axios.get中获得我想要的数据。
我已经将这个action设置为对我的mutation进行commit更改，如下所示：
mutations: {
updateShop: (state, payload ) => {
state.shop = payload;
return state.shop;
}
},
actions: {
getShop: ({ commit }) => {
retur
浏览 0提问于2019-12-31得票数 0
1回答
Android有关群聊问题？
ios、android
用手机号码注册的腾讯云，也上传自定义的昵称，但是Android有关群聊都是现实手机号码，不是设置的昵称，ios是正确的
浏览 140提问于2020-01-10
1回答
VueX:为什么vuex存储数据不更新组件数据属性？
vue.js、vuex
在下面的代码中，组件(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
回答已采纳
1回答
为什么更新钩子中的vuex操作会触发无限更新事件？
vue.js、vuejs2、vue-router、vuex
我只是不明白，在list.vue中，我只触发一个异步改变updated钩子中state.list的list操作。items是一个只依赖于state.list的计算属性。为什么这会导致无限的更新事件？
我发现，如果我将updated钩子中的代码移动到watch选项中，如下所示：
watch: {
'$route': function () {
this.$store.dispatch('list')
},
},
无限的问题就会消失。但这将在每次监视updated更改时触发两次$route钩子，我也不知道为什么。
来了。相关代码
// main.j
浏览 1提问于2017-07-11得票数 0
回答已采纳
3回答
如何在vuex中从API中获取数据
javascript、vue.js、vuex
我想使用vuex存储从服务器获取的一些数据，这是我的SPA应用程序在不同的页面中需要的，这是为了避免每次用户更改产品页面时都会发出新的ajax请求(这是一个无头电子商务)。
我的问题很简单，如何将获取的数据推入存储区中定义的数组中？如何在组件中获取数据？我正在编写代码，但不确定我是否做得很好。
import { createStore } from 'vuex'
import axios from 'axios'
export default createStore({
state: {
products: []
},
mutations:
浏览 12提问于2022-02-28得票数 0
回答已采纳
3回答
突变和动作的区别是什么？
javascript、vue.js、vuex
在Vuex中，既有“动作”又有“突变”的逻辑是什么？
我理解组件不能修改状态的逻辑(这看起来很聪明)，但是同时拥有动作和突变看起来就像你在编写一个函数来触发另一个函数，然后改变状态。
“动作”和“突变”之间的区别是什么，它们是如何协同工作的，更重要的是，我很好奇为什么Vuex开发人员决定这样做？
我试过了......
import Vuex from 'vuex'
const store = new Vuex.Store({
state: {
count: 1
},
mutations: {
INCREMENT (state) {
//
浏览 3提问于2019-06-12得票数 0
1回答
是否存在从组件内部调用vuex调度的“允诺”行为？
javascript、vue.js、promise、axios、vuex
我正在学习vuex并有这个问题，在created()上，我想从API中获取数据，然后在完成之后，我想从组件调用getter并将getter卡分配给组件的卡。我在created()中添加了一个注释，这样你就可以看到我想要得到的东西了。在调度上是否有“承诺”的行为？做完某事后做某事。提前谢谢。我正在附上代码的屏幕截图。
组件：
<template>
<div class="container" :class="{'is-loading': isLoading}">
<h1>All
浏览 2提问于2017-12-03得票数 0
2回答
vuex数据的更改未反映在类星体QTable中
vuejs2、vuex、quasar-framework、quasar
我正在使用Quasar和Vuex将数据集加载到QTable中。它工作得很好，但我正在尝试使用QPopupEdit来更改项目的状态。数据是从Laravel API中提取的，原始数据集是Laravel Resource，所以我有一些项目，每个项目都有一个状态对象(item.status_id和status: id、status: name等)。 我已经公开了Q表之外的第一条记录的状态值，当我将更新推送到API时，我会返回已更改的项资源，并将其插入到Vuex变异中的vuex数据中，它不会在表中更新。 <div v-if="items && items[0] &
浏览 34提问于2020-07-18得票数 0
回答已采纳
3回答
Vuex操作是否必须修改或使用存储状态？
javascript、vue.js、vuex
使用Vuex存储操作来执行相关的异步操作(例如，GET请求)，而不实际修改存储的状态，这是很好的做法吗？
我有一家Vuex商店。我们叫它主人吧。它包含一个对象作为它的状态，有一些getter来检索状态的各种形式，还有一些突变来修改所述状态。但是，当涉及到操作时，我对主机对象执行某些异步请求，并将这些请求作为参数传递给操作。例如，可以启用或禁用主机。因此，我有一个动作hostEnable(host)，它调用一个只使用OK (200)响应的Axios请求。
const getDefaultState = () => {
return {
host: {...}
浏览 0提问于2019-01-10得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
