vue.js/bootstrap: onclick イベント メソッドが呼び出されません。エラー「変数が見つかりません: updateDocument」

Question

私はフロントエンド開発は初めてですが、HTML5、CSS、JavaScript については基本的に理解しています。

vue.js プロジェクトを作成し、ブートストラップと axios を追加しました。 私のアプリケーションはデータをロードして表示します。ただし、[表示]、[更新]、または [削除] ボタンをクリックすると、メソッドは存在しますが、「変数が見つかりません: updateDocument」というメッセージが表示されます。

エラーがどこにあるのか教えてください。

ノード バージョン v18.15.0 npm バージョン 9.0.5 vue.js 3 ブースストラップ v5.3

問題の原因が data-doc.id- ではないことを確認するために、data-doc.id- を固定番号に置き換えました。

DocumentVault.vue のコード スニペット:

リーリー リーリー

この方法は2通り試しましたが、エラーは同じでした

バリエーションA)

リーリー

バリエーションB)

リーリー

メイン.js

リーリー

アプリケーションビュー

ああああ

Answer 1

オプション API を使用していると仮定します。その場合は、次のことを試してください:

リーリー

そして、クリック イベントを次のように変更します:

リーリー

ここに vue ドキュメントへのリンクがあります: 宣言メソッド