我有一个使用Vuex的Vue应用程序.如果我打开了两个选项卡,对其中一个选项卡中存储的更改不会显示在另一个选项卡中.

如何确保所有选项卡上的存储/数据立即同步?

const store = new Vuex.Store({
  state: {
    tasks: []
  },
  getters: {
    tasks: state => state.tasks
  }
}

在模板中:

computed: {
  tasks: function () {
    return this.$store.getters.tasks
  }
}

推荐答案

默认情况下,这不起作用.您可以使用vuex共享Mutations .看这里:https://github.com/xanf/vuex-shared-mutations

Vue.js相关问答推荐

将Vite Vuejs应用部署到Apache服务器

将 html 文件移出 dist vite 中的 src 文件夹

为什么 Pinia/Vuex 比使用服务类的classic 方法更受欢迎?

我如何使用 vuejs 在我的 url 中编码一个令牌

如何使用 async/await 在 vue js 中添加标头

Vue:在表格中显示嵌套数据

使用带有 v-date-picker 的 new Date() 不起作用

VueJS 将 HTML 打印到页面

如何创建 vuetify 工具栏链接下拉菜单?

在渲染组件之前从 api 获取数据

从 Url 中删除查询字符串参数

如何将 v-if 与 Vue.js 中的值进行比较

使用 refs 聚焦元素目标

如何从浏览器的源中删除 webpack://

从 vuex 存储访问 $vuetify 实例属性

VueJS 复选框更新

如何在 Vue 数据对象中运行函数?

如何在 vue3 中的setup方法中发出事件?

为什么不能在 vue 模板中使用窗口?

Vue-meta:metaInfo 无权访问计算(computed)属性