web-dev-qa-db-ja.com

Vuetifyでv-on：clickをバインドできません[Vue warn]：v-onハンドラーでエラー：「TypeError：handler.apply is not a function」

動的に生成されたサブヘッダーv-list-tile Vuetify https://vuetifyjs.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>

（オブジェクトを渡さずに）メソッドを強制的に追加してみましたが、機能します。オブジェクトに渡されて動的にレンダリングされるときにトリガーされるだけです。

これが私が遭遇したバグの Codepen です。

私が期待しているのは、エラーをトリガーすることなく呼び出されるメソッドをトリガーすることです

vue.jsvue-componentvuetify.js
2
Kevz

私は問題に答えました。 @James Whiteleyと@ Kim＃5499（Codepenソリューションを作成した人）の功績。

KimとJamesによると、私のメソッドはDataオブジェクト内にあります。彼らは同じレベルでなければなりません。

Kimが提供した Codepen の例では、Kimは関数名を私のデータオブジェクトから取り出し、番号（id）のみを残しています。 @Clickイベントで関数を呼び出し、そこに数値を渡すことで、メソッドが機能しました。

[1]: https://codepen.io/kimsanka/pen/OeZLZy
0
Kevz