vue.js/bootstrap: onclick 이벤트 메소드가 호출되지 않았습니다. 오류 "변수를 찾을 수 없음: updateDocument"

Question

프런트엔드 개발이 처음이지만 HTML5, CSS 및 Javascript에 대한 기본적인 이해가 있습니다.

vue.js 프로젝트를 생성하고 bootstrap과 axios를 추가했습니다. 내 응용 프로그램은 데이터를 로드하고 표시합니다. 그러나 "표시", "업데이트" 또는 "삭제" 버튼을 클릭하면 메서드가 존재하더라도 "변수를 찾을 수 없음: updateDocument"라는 메시지가 표시됩니다.

오류를 찾을 수 있는 곳을 알려주세요.

노드 버전 v18.15.0 npm 버전 9.0.5 vue.js 3 부스트랩 v5.3

data-doc.id-로 인해 문제가 발생하지 않는지 확인하기 위해 고정된 숫자로 대체했습니다.

DocumentVault.vue의 코드 조각:

으아아아 으아아아

이 방법은 2가지 방법을 시도해 보았으나 오류는 동일합니다

변형A)

으아아아

변형B)

으아아아

main.js

으아아아

앱 보기

으으으으

Answer 1

옵션 API를 사용하고 있다고 가정합니다. 그렇다면 다음을 시도해 보세요:

으아악

클릭 이벤트를 다음으로 변경하세요:

으아악

다음은 vue 문서 링크입니다: 선언 방법