Tal vez reconsidere su CSS. Tenga un nuevo nombre de clase significativo como "unirse" que describa el botón, y utilícelo junto con "box-inner". Luego apunta a "unirse".

(Nota al margen: tal vez cambie ese marcado a algo más semánticamente significativo también usando <button> ).

 const button = document.querySelector('.join'); button.addEventListener('click', handleClick, false); function handleClick() { console.log('Joined!'); } button.click();

 .join { padding: 1em 2em; background-color: lightgreen; } .join:hover { cursor: pointer; } .box-inner { box-shadow: 5px 10px 5px pink inset; }

 <button data-v-2aabe0a6="" class="join box-inner"> JOIN </button>

este código, si se inserta donde sea necesario, funcionará

 document.querySelector('div[data-v-2aabe0a6=""]').click()