vue.js - 请问vuex在组件的模板内怎么调用？

问题描述

问 题

用的是vue2
在项目的main.js里面：

const store = new Vuex.Store({
    state: {
        isCur:0
    },
   })
new Vue({
    el: '#app',
    template: '<App/>',
    router,
    store,
    components: { App }
})

在其中的一个组件中:

<router-link  v-for="(value,index) in Anav" v-text="value.text" :to="value.path" :class="{cur:isCur==index}" @click.native="this.$store.state.isCur=index"></router-link>

这里的this.$store.state.isCur访问不到，请问是什么原因？

解决方案

你可以试试官方的mapGetters，一般在项目里没有直接去访问store的，都是通过mapGetters去访问

而且如果要像你那样访问的话，应该这样写才对

<router-link  v-for="(value,index) in Anav" v-text="value.text" :to="value.path" :class="{cur:isCur==index}" @click.native="$store.state.isCur=index"></router-link>

不需要this

这篇关于vue.js - 请问vuex在组件的模板内怎么调用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！