Как получить доступ к вычисляемому свойству из метода в компоненте с одним файлом с помощью Vue.js - PullRequest
Новая
       19

Как получить доступ к вычисляемому свойству из метода в компоненте с одним файлом с помощью Vue.js

0 голосов
/ 19 сентября 2018

У меня есть обычный отдельный файловый компонент , который имеет вычисляемое свойство и некоторые методы : 

<template>...</template>
<script>
...
export default {
    props: ['matches'],
    data: function() {...}  // No problem with these

    computed: {
        formattedMatches: function () {
            let formatted = [];
            this.matches.forEach(function($match, $i, $arr) {
                formatted[$i] = $match[0];
            };
        });
        return formatted;
    }
    ...

    methods: {
        getData: function() {
            return this.formattedMatches();
        },
        ...
    }
}
<script>

Когда я пытаюсьчтобы получить доступ к this.formattedMatches() из метода , я получаю [Vue warn]: Error in render: "TypeError: this.formattedMatches is not a function" .

Как правильно достичь того, чего я хочу?Заранее спасибо.

1 Ответ

0 голосов
/ 10 апреля 2019

Вы можете получить доступ к вычисляемым свойствам как свойство, а не как метод: 

// correct    
console.log(this.myProperty);

// wrong    
console.log(this.myProperty());
...