“Alpino JS” Código de respuesta

Alpino JS

<div x-data="{ open: false }">
    <button @click="open = true">Open Dropdown</button>

    <ul
        x-show="open"
        @click.away="open = false"
    >
        Dropdown Body
    </ul>
</div>
Worried Wolverine

Alpino JS

< script  src = " https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.min.js " defer > </ script >
chance 2.0

alpinejs

<html>  <head>    ...     <script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script>  </head>  ...</html>
Faithful Fly

Alpino JS

<div x-data="{ tab: 'foo' }">
    <button :class="{ 'active': tab === 'foo' }" @click="tab = 'foo'">Foo</button>
    <button :class="{ 'active': tab === 'bar' }" @click="tab = 'bar'">Bar</button>

    <div x-show="tab === 'foo'">Вкладка Foo</div>
    <div x-show="tab === 'bar'">Вкладка Bar</div>
</div>
WebSanta

Respuestas similares a “Alpino JS”

Preguntas similares a “Alpino JS”

Más respuestas relacionadas con “Alpino JS” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código