alpine. js - заполнение данных формы кнопкой - PullRequest
Новая
       14

alpine. js - заполнение данных формы кнопкой

0 голосов
/ 22 апреля 2020

Я пытаюсь использовать alpine. js, чтобы обновить действие формы, и столкнулся с некоторой путаницей.

Мой код: 

<div x-data="data=''">
    <template x-if="data.url">
        <div>
            <form method=POST :action="data.url">
                <input type="text" x-model="data.sitenumber">
                <button type="submit">Submit form</button>
            </form>
        </div>
    </template>
    <input type="button" value="add data" @click="data = {url: 'www.com', sitenumber: 23}">
</div>

Когда я нажимаю на кнопку форма div не отображается. Моя конечная цель - иметь модальное всплывающее окно, которое динамически обновляется с помощью кнопки действия (удалить запись и т. Д. c.) При нажатии на ссылку / кнопку в другом месте документа.

Я долго пытался с это учебное пособие по приложению ToDo , но при этом создается отдельная функция, и я подумал, что можно будет передавать простые переменные данных в другую часть div, тем более что я не перебираю массив.

Спасибо!

1 Ответ

0 голосов
/ 29 апреля 2020

Я думаю, проблема в том, что вы делаете x-data="data=''" вместо использования синтаксиса инициализации объекта: x-data="{ data: '' }"

...