无法绑定 v-on：点击 Vuetify [Vue 警告]：v-on 处理程序中的错误："TypeError: handler.apply is not a function"

Question

我正在尝试在动态生成的子header v-list-tile vuetify https://vuetifyjs.coms.com/en/components/subheaders上绑定点击事件出现错误。

vue.js:634 [Vue warn]: Error in v-on handler: "TypeError: handler.apply is not a function"
found in
---> <VListTile>
       <VList>
         <VCard>
           <VApp>
             <Root>

我尝试了强行添加方法(无需传递对象(，并且有效。当它传递给对象并动态渲染时，它只是触发。

这是我遇到的错误的编码。

我期望的是触发未触发错误的方法

Answer 1

我的方法在数据对象内部。他们应该处于同一水平。

在Codepen示例中，将函数名称从数据对象中取出，仅离开数字id。

通过在@click事件上调用该功能并传递该方法使该方法起作用。

Answer 2

在我的情况下，我正在听一个从子组件中发出的事件，而无需以接收值而做：

<my-component @hide="show" v-if="show"/>

我应该在接收值时更改值：

<my-component @hide="show = $event" v-if="show"/>

我希望它对某人有帮助。

Answer 3

这发生在我身上，因为我在html标签上编码了类似的内容：

@something="colorList"

其中colorList是JavaScript对象数组。相反，您必须编写一个函数。值传递给并设置函数内的值

<... @something="updateColorList" ...>

和methods

updateColorList(newColorParameter): {
    this.colorList = newColorParameter
}