首页

源码搜藏网

首页 > 开发教程 > js/jQuery教程 >

vue从仓库state中取不到数据的问题

创建时间:2022-04-12 11:38  

从仓库state中取不到数据

今天写项目要从仓库中取出一个值,但我一直取得是undefined,各种测试百度,然而我犯了一个低级的错误

我项目中将数据库模块化,原本为app模块,新添加user模块

我在store文件下又建立了子文件user.js,然后在index.js将其引入

vue从仓库state中取不到数据的问题

然后我直接使用this.$store.state.value去取值,是取不到的,如果index.js文件里的state中也有value这个变量,该语句取到的是index.js中的value值

如果想要获取user.js中的值,需要多一个路径this.$store.state.user.value

监听store中state数据方法

computed: {
  swiper() {
   return this.$refs.mySwiper.$swiper;
  },
  LifeVal() {
   return this.$store.state.LifeVal;
  },
  danceVal(){
   return this.$store.state.danceVal;
  }
 },
 watch: {
  danceVal: function() {
    LifeVal = this.$store.state.LifeVal = this.$store.state.danceVal
    /* vuex : changeDanceVal是store中mutations里的方法
     // 修改state的唯一方法,只允许同步函数
        mutations: {
         // 第一个参state值,第二个接收触发方法时传来的值
          changeDanceVal(state,num) {
            state.LifeVal = num;
            }
          },
    */
    this.$store.commit("changeDanceVal", LifeVal);
  }
 },

以上为个人经验,希望能给大家一个参考,也希望大家多多支持源码搜藏网。

上一篇:express结合nodejs开启服务示范例子模版
下一篇:没有了

相关内容

热门推荐