Vue.js 在click中调用带有参数的函数会导致错误

Vue.js 在click中调用带有参数的函数会导致错误,vue.js,vuejs2,vue-component,Vue.js,Vuejs2,Vue Component,我有一个计算的Vue函数,它有一个参数。每次尝试将其绑定到click时,我都会在“click”的事件处理程序中收到并显示错误:“TypeError:searchHashtag不是函数” 以下是HTML: <el-button @click="searchHashtag('#acc')">Test</el-button> 您需要的是方法,而不是计算属性 methods: { searchHashtag (searchBy) { if (_.c

我有一个计算的Vue函数,它有一个参数。每次尝试将其绑定到click时,我都会在“click”的事件处理程序中收到并显示错误:“TypeError:searchHashtag不是函数”

以下是HTML:

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

您需要的是方法,而不是计算属性

methods: {
     searchHashtag (searchBy) {
          if (_.contains(this.messages, searchBy))
               this.$message('This is a message.');
     }
}
不能像函数一样调用计算属性。它们的行为类似于Vue的属性,不接受参数。当需要接受参数的函数时,请始终使用方法

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