时间戳

首页 > 解决方案 > BeforeMount 不适用于计算方法

javascript - BeforeMount 不适用于计算方法

问题描述

您好，每当我重新加载我的页面时，我都会遇到问题，我想调用 beforeMount() 方法来调用我的 filterRecords（计算方法），以便我可以接收数据，但它只是不能正常工作，它告诉我 filterRecords 不是一个函数。

我的计算：

computed: {
    ...mapGetters({
      sec: "sec"
    }),
    createdDate() {
      return moment().format("DD-MM-YYYY ");
    },
    createdHours() {
      return moment().format("HH:mm ");
    },
    filteredRecords() {
      return this.records.filter(record => {
        return record.template_id === this.sec;
      });
    }
  },

所以我就这样做：

beforeMount() {
    this.filteredRecords();
  },

它没有调用它，所以我的过滤记录一无所获。

当我重新加载页面时我怎么能调用它（我正在从 API rails 接收记录数据）

标签： javascriptvue.jsmount

解决方案

请务必查看有关计算属性的 Vue 文档。

您不应将它们称为函数，而应将它们称为属性（因为它们是计算属性）。

您可以尝试像这样控制台登录filteredRecords钩子beforeMount：

beforeMount() {
   console.log(this.filteredRecords)
},

推荐阅读