AlpineJS 拒绝对原生 HTML 事件采取行动

Question

Here's my simple AlpineJS code -

<div x-data="{show: true}">

<video src="..." onended="show=false"></video>

</div>

I'm wondering why is this not working? No error is thrown.

Answer 1

Because you're trying to use native JS with AlpineJS. Instead, use x-on :

<video x-on:ended="show=false">