Home Features Philosophy Docs Blog Errors Security Examples FAQ
DJE-042 Warning Template

Using @click instead of dj-click in templates

Error message

Click events not handled — no error in console

djust uses its own event binding syntax (dj-click, dj-input, etc.) rather than Alpine.js or Vue-style @click syntax. Using @click will do nothing because djust does not process @ event bindings. This is a silent failure with no error message.

events syntax template

Affected versions: >=0.2.0

Solution

Before (problematic)
<button @click="increment">+1</button>
<input @input="search" @keydown.enter="submit">
After (fixed)
<button dj-click="increment">+1</button>
<input dj-input="search" dj-keydown.enter="submit">