на нативных компонентах да, а так же эмитить нужно input
вот для примера один компонент (дочерний, это инпут такой)
<template> <q-input outlined :label="label" :hint="hint" :model-value="modelValue" @update:model-value="$emit('update:modelValue', $event)" input-class="text-bold" :autofocus="autofocus" :readonly="readonly" :lazy-rules="false" :rules="required ? [val => val !== null && val !== '' || 'Поле обязательно к заполнению'] : []" hide-bottom-space :dense="readonly" /> </template> <script> export default { name: 'ItInput', props: { hint: { type: String, default: undefined, }, required: { type: Boolean, default: false, }, hideHint: { type: String, default: undefined, }, label: { type: String, default: '', }, modelValue: { type: String, default: '', }, autofocus: { type: Boolean, default: false, }, readonly: { type: Boolean, default: false, }, dense: { type: Boolean, default: false, }, }, emits: ['update:modelValue'], } </script>
Прекрасный пример, так можно всю форму сделать
Обсуждают сегодня