如何从 vue 组件更改 vue 中存储文件中的全局变量答案

【问题标题】：How to change global variable in the store file in vue from a vue component如何从 vue 组件更改 vue 中存储文件中的全局变量
【发布时间】：2019-05-24 17:54:51
【问题描述】：

我正在接管一个项目，该项目在其中一个存储模块中定义了一个全局变量。我的目标是通过在我的一个组件中创建一个带复选框的输入区域来修改此变量的值。因此，当检查复选框时，我希望全局变量的值更改。到目前为止，我没有运气这样做。

到目前为止，我所拥有的是这样的：

存储/模块/one.js：

const date = true

export const globalStore = new Vue({
data: {
  globalvar: date
 }

})

然后在vue组件中

  <div>
    <h2>Hotel Date Check</h2>
    <input type="checkbox" id="checkbox" v-model="dateTest" v-on:change="dateType()">
    <label for="checkbox">{{ dateTest }}</label>
  </div>

methods: { 
  dateType() {
    globalStore.globalvar = false
    console.log(globalStore.globalvar)
  },
}

我可以在 vue 组件中轻松更改变量的值，但我需要在 Vuex store/modules/one.js 中更改它，并且一旦它在那里更改以影响数据，使其本质上是反应性的。我一直想知道是否必须设置状态才能发生这种情况，但希望我不必修改事情就可以沿着这条路线前进。任何想法都会很棒。谢谢你的帮助。

【问题讨论】：

标签： javascript vue.js state vuex

【解决方案1】：

import { One } from 'your route';

Then use One.globalvar

【讨论】：

是的，这有效，但没有更改我需要更改的文件中的变量。所以，为了解决这个问题，我继续编写状态、吸气剂、动作和突变来解决这个问题。比我想要的更多的工作，但它完成了工作。感谢您的帮助！