Latihan 2 dari materi Form Lanjutan di Vue — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal sudah punya email, password, dan msg, biarkan.
const handleSubmit = () => { msg.value = "Email: " + email.value }.<form @submit.prevent="handleSubmit"> yang berisi:
<input id="email" v-model="email" /><input id="password" type="password" v-model="password" /><button id="submit" type="submit">Daftar</button><p id="msg">{{ msg }}</p>, selalu ada, tanpa v-ifYang dicek:
<form>, #email, dan #password, dan kodenya memakai v-model, ref, dan @submit.prevent.[email protected] diketik di #email, #msg masih kosong: pesannya baru ditulis saat form dikirim.#msg berbunyi persis Email: [email protected].
