为什么我会收到“RangeError：超出最大调用堆栈大小”？

Question

我创建了搜索栏，当我按 Enter 时，然后将请求发送到服务器。

HTML 文件：

<v-text-field

  outlined

  dense

  label="Search..."

  append-icon="mdi-magnify"

  @keydown.enter="searchEvent($event.target.value)"

></v-text-field>

.TS文件：

methods: {

        ...mapActions('event', ['searchEvent']),

        

        searchEvent(value: string){

            this.searchEvent(value)

}

VUEX文件：

searchEvent({ commit}, value) {

        console.log(value)

        EventApi.search(value)

            .then( result => {

               commit('searchEvents', result.data)

            })

            .catch( error => {

            

                console.error("Error: ", {error:error});

                

            })

    },

Answer 1

this.searchEvent(value)正在调用自身，给你一个无限递归循环。最终超出了堆栈大小（限制）。您应该从 Vuex 导入searchEvent，这样名称就不会冲突。也许删除this已经足够了。