Method “computed“ has type “object“ in the component definition. Did you reference the function corr

最新推荐文章于 2023-11-03 15:10:33 发布

原创最新推荐文章于 2023-11-03 15:10:33 发布 · 519 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #bug #前端

Vue学习专栏收录该内容

5 篇文章

订阅专栏

博主在编写Vue登录页面时遇到Bug，经查找发现是将computed写到了methods里面，正确位置应在methods外面，并给出了修改前后的情况。

今天写vue登录页面时遇到了Bug，找了很久发现将computed写到了methods里面，应该是在methods外面

报错：
在这里插入图片描述
修改前：

<script>
import { mapGetters } from 'vuex'
export default {
  name: "WelcomeLogin",
  methods: {
    gotoLogin() {
      this.$router.replace('/login')
    },
    gotoRegister() {
      this.$router.replace('/register')
    },
  computed: {
    ...mapGetters([
      'token'
    ])
  }
  },

};
</script>

修改后：

<script>
import { mapGetters } from 'vuex'
export default {
  name: "WelcomeLogin",
  methods: {
    gotoLogin() {
      this.$router.replace('/login')
    },
    gotoRegister() {
      this.$router.replace('/register')
    },
  },
  computed: {
    ...mapGetters([
      'token'
    ])
  }
};
</script>