web-dev-qa-db-ja.com

Vue.jsを使用して単一ファイルコンポーネントのメソッドから計算されたプロパティにアクセスする方法

通常の単一ファイルコンポーネントがあり、これには計算済みプロパティといくつかのメソッドの両方があります。

_<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"_が返されます。

私が望むものを達成する正しい方法は何ですか？前もって感謝します。

vuejs2vue-componentcomputed-properties
11
andcl

メソッドではなく、プロパティのような計算されたプロパティにアクセスできます。

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

// wrong    
console.log(this.myProperty());
13
moritz.vieli