2017-09-26 12 views
1

パラメータを持つVue関数が計算されています。私はクリックにバインドしようとするたびに、私が受信し、エラーError in event handler for "click": "TypeError: searchHashtag is not a function"クリックでパラメータがある関数を呼び出すとエラーが発生する

は、ここにHTMLです:

<el-button @click="searchHashtag('#acc')">Test</el-button> 

そして、ここでは、ロジックです:

data() { 
    messages: [] 
}, 

mounted() { 
    api.fetchMessages(this.projectId, (data) => { 
      this.messages = data.messages; 
}, 

computed: { 
    searchHashtag (searchBy) { 
      if (_.contains(this.messages, searchBy)) 
       this.$message('This is a message.'); 
    } 
} 

答えて

2

あなたが方法ではなく、したいです計算されたプロパティ。

methods: { 
    searchHashtag (searchBy) { 
      if (_.contains(this.messages, searchBy)) 
       this.$message('This is a message.'); 
    } 
} 

計算されたプロパティは関数のように呼び出すことはできません。彼らはVueのプロパティのように動作し、引数を取らない。引数を受け入れる関数が必要な場合は、常にメソッドを使用します。

関連する問題