No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Formulario para agregar

11/21
Recursos

Aportes 6

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

C贸digo del formulario

<form @submit.prevent="submit">
        <div class="field">
          <label>T铆tulo</label>
          <input type="text" v-model="title" />
        </div>
        <div class="field">
          <label>Monto</label>
          <input type="number" v-model="amount" />
        </div>
        <div class="field">
          <label>Descripci贸n</label>
          <textarea rows="4" v-model="description"></textarea>
        </div>
        <div class="field">
          <label class="radio-label">
            <input type="radio" v-model="movementType" value="Ingreso" />
            <span>Ingreso</span>
          </label>
          <label class="radio-label">
            <input type="radio" v-model="movementType" value="Gasto" />
            <span>Gasto</span>
          </label>
        </div>
        <div class="action">
          <button>Agregar movimiento</button>
        </div>
      </form>

Vengo del Futuro.

Agrega un color de fondo a tu formulario

form {
  font-size: 1.24rem;
  width: 100%;
  background: #fff;
}

En lugar de declarar la variable una a una con su ref, lo encapsule en un objecto y ese lo dej茅 reactivo.

const movement = ref({
  title: "",
  amount: 0,
  description: "",
  type: "Ingreso",
});

ya dentro del form accedo asi:

 <div class="field">
            <label for="">T铆tulo</label>
            <input type="text" v-model="movement.title" />
          </div>
          <div class="field">
            <label for="">Monto</label>
            <input type="number" v-model="movement.amount" />
          </div>

Dentro del Vue.js, los radio button nos permite seleccionar opciones m煤ltiples.
Agregando en el script:

const movementType = ref("Ingreso");

Podamos hacer que el usuario solo pueda marcar solamente una opci贸n en los radio button

Solo por esta vez , si es mas vuelta hacer el componente <formulario /> aparte

Mi aporte del proyecto hecho con sass:
.
Repositorio commit actual: click aqu铆