BunnyMelody 2018-03-28 10:19 采纳率: 50%
浏览 9637
已采纳

使用vuex,更新了stores中的state,为何在视图上没有更新体现呢?

vue小白一枚来求解,代码是这样的
组件.vue

<template>
  <div class="top-ad-section" v-bind:class="{ show: isShowAdStatus }"></div>
</template>

<script>
export default {
  mounted() {
    setTimeout(() => {
      console.log(this.$store.getters.getTopAdStatus, 'before lllll');
      this.$store.dispatch('toggleTopAd');
      console.log(this.$store.getters.getTopAdStatus, 'after');
    }, 200);
  },
  computed: {
    isShowAdStatus() {
      return this.$store.getters.getTopAdStatus;
    }
  }
};
</script>

这段代码要实现的功能是:
在组件加载200ms后改变store中的state的值,使用this.$store.dispatch('toggleTopAd')来改变,这个值可以用this.$store.getters.getTopAdStatus取到,这时候打印出的值是正确的state里的值,可是并没有体现在视图里,不知道是哪里写的有问题了

小白一枚,求大神指点。
以前写react的时候主要用mobx做状态管理,感觉vuex的状态管理至少在形式上是跟redux更接近的?

  • 写回答

3条回答 默认 最新

  • zaydenyang 2018-03-29 01:24
    关注

    script标签引入过vue以后,在store.js里面不需要用import的方式再引一遍,把store.js中的引入语句import Vue from 'vue'删掉即可

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 请求分析基于spring boot+vue的前后端分离的项目
  • ¥15 三菱伺服电机按启动按钮有使能但不动作
  • ¥20 为什么我写出来的绘图程序是这样的,有没有lao哥改一下
  • ¥15 js,页面2返回页面1时定位进入的设备
  • ¥200 关于#c++#的问题,请各位专家解答!网站的邀请码
  • ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
  • ¥15 (希望可以解决问题)ma和mb文件无法正常打开,打开后是空白,但是有正常内存占用,但可以在打开Maya应用程序后打开场景ma和mb格式。
  • ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝
  • ¥20 腾讯企业邮箱邮件可以恢复么
  • ¥15 有人知道怎么将自己的迁移策略布到edgecloudsim上使用吗?