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

一念格

于 2021-06-03 11:54:46 发布

阅读量495

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue学习文章标签： vue bug 前端

本文链接：https://blog.youkuaiyun.com/chenjun1992/article/details/117516311

Vue学习专栏收录该内容

5 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天写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>