Блог

Пытаясь извлечь значение или идентификатор в Alpine JS onclick, я думал this.id this.value , что это сработает, но не повезло.

ВОЗВРАТ

Ошибка Alpine Expression: не удается найти переменную: id

 <button id="myBtn" value="100" x-on:click="alert(this.id);">Save</button>
 

Это может вам помочь.

<button @click="alert($event.target.getAttribute('message'))" message="Hello World">Say Hi</button>

$event.target предоставит вам доступ к выбранному элементу.

Ссылка: https://alpinejs.dev/directives/on#the-event-object

Передайте событие с помощью $event . Затем вы можете обработать это, как в vanilaJs.

 function hello(e) {
  console.log(e.target.getAttribute('id'))
} 

  <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>    
<button id="myBtn" value="100" @click="hello($event);">Save</button>