Vue에서 커스텀 오버레이 사용시, html 태그 내 함수 바인딩 문제

/* 검색결과 목록을 클릭했을 때 -> 상세 인포 띄우기 및 등록 가능하도록 */

    displayInfowindow(marker, info) {

      let content =

        '<div class="info-window-wrap">' +

        '    <div class="info-window-info">' +

        '        <div class="info-window-title">' +

        info.place_name +

        '            <div class="info-window-close" @click="removeCustomOverlay()" title="닫기">' +

        '              <i class="material-icons q-icon notranslate">close</i>' +

        '</div>' +

        '        </div>' +

        '        <div class="info-window-body">' +

        '            <div class="ellipsis">도로명 - ' +

        info.road_address_name +

        '</div>' +

        '            <div class="jibun ellipsis">지번 - ' +

        info.address_name +

        '</div>' +

        '<button @click="hihihi()">등록</button>' +

        '        </div>' +

        '    </div>' +

        '</div>';

      this.makeInfoWindow(marker.getPosition(), content);

    },

    hihihi(){

      alert('hi');

    },

안녕하세요 vue에서 클릭 이벤트 동작 시에

vue 스크립트에 정의 해 놓은 함수를 실행시키려고 하는데 동작이 되지 않아서 문의 드립니다!

변수 내에 선언한 태그의 클릭 이벤트는 vue에서 적용이 안되는 건가요?

아래 답변 참고해서 생성한 HTMLElement에 직접 이벤트를 등록해주세요.
https://devtalk.kakao.com/t/topic/119527/5

해결했습니다 감사합니다!!!

1개의 좋아요