通过传递变量

Question

我是新上的Vue和Vuex工作取得Vuex状态数据，目前我正在试图道具绑定到我的组件是这样的：

我的HTML看起来像这样：

<div id="vuemodal"> 
    <modal :active="get('active')" :login="get('login')" :register="get('register')"> 
    </modal> 
</div> 

我Vue的情况是这样的：

var modal = new Vue({ 
    el: '#vuemodal', 
    store, 
    data: { 
    active: '', 
    login: false, 
    register: false, 
    }, 
    methods: { 
    get: function(item){ 
     var state = this.$store.state; 
     return state.item; 
    } 
} 
}) 

我Vuex店看起来是这样的：

const store = new Vuex.Store({ 
    state: { 
    active: 'login', 
    login: true, 
    register: false 
    } 
}) 

在“得到”的方法，我想我的“项目”变量绑定到我的“状态”变量。例如，结果会是这样的：this. $ store.state.active（它将返回'login'）。 当我CONSOLE.LOG state.item，我得到“未定义”。解决这个问题的正确方法是什么？或者我应该尝试一种完全不同的方法？

Answer 1

这里是你的代码中jsfiddle，这是正确打印店的变量。确保使用适当版本的Vue和Vuex。

const store = new Vuex.Store({ 
    state: { 
    active: 'login', 
    login: true, 
    register: false 
    } 
}) 

var modal = new Vue({ 
    el: '#vuemodal', 
    store, 
    data: { 
    active: '', 
    login: false, 
    register: false, 
    }, 
    methods: { 
    get: function(item){ 
     var state = this.$store.state; 
     console.log("state is ", state[item]) 
     return state.item; 
    } 
} 
})