Question

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

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

store / modules / 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中对其进行更改，并且一旦更改该变量，就可以影响数据的生成，从而使其本质上具有响应性。我一直在想是否必须为此设置状态，但是希望我不必修改某些东西就可以顺其自然。任何想法都很棒。谢谢您的帮助。

Answer 1

import { One } from 'your route';

Then use One.globalvar

如何通过vue组件在vue中更改存储文件中的全局变量

1 个答案: