如何将存储在 Vuex 中的值作为 Vuejs 3 (Quasar 2) 中的变量传递

问题描述

我在 Vuex 存储（日期）中存储一个 日期

它可以在 Vuejs（实际上是 Quasar 2 beta 12）模板 {{ date }} 中读取。

如果我更改（变异）商店中的 date，{{ date }} 就会改变。不错。

但我还想在 date 上运行一些代码，将它与另一个日期 (dateSet) 进行比较。所以我做了...

data () {
    return {
      dateVal: this.$store.state.date,dateSet: [a date here]
    
    }

然后一个方法将运行 dateVal 和 dataSet 的比较。

唯一的问题是，如果我更改（变异）$store.state.date，它会在 {{ date }} 中更改，但不会在 dateVal。不好。

我在这里遗漏了一个技巧，但我确实浏览了互联网。非常感谢您的建议。

干杯。

解决方法

dateVal 应该是一个用于监听状态变化的计算属性：

data () {
    return {
 
      dateSet: [a date here]
    
    }
},computed:{
    dateVal(){
         return this.$store.state.date
    }
}

,

您可以导入 mapState

 import { mapState } from 'vuex'

computed:{
...mapState(['date']
}

并在您的组件中使用它