v-Modell und untergeordnete Komponenten?

Ich habe eine form, und binden Sie eine Eingabe mit dem v-Modell:

<input type="text" name="name" v-model="form.name">

Nun will ich extrahieren Sie die Eingabe, und stellen Sie es auf eigene Komponente, wie Sie binden Sie dann die Werte der untergeordneten Komponente um die Eltern-Objekt form.name?

Es hat mir geholfen.

InformationsquelleAutor panthro | 2017-11-15

  1. 0

    Können Sie auch die :value und @input Ereignisse auf der untergeordneten Komponente und die leverage-Ereignisse erstellen, anstatt eine Uhr.

    MyInput.vue

    <template>
  <input 
    :value="value" 
    :input="$emit('input', $event.target.value)" />
</template>

<script>
export default {
  props: ['value']
};
</script>

    Bildschirm.vue

    <template>
  <my-input v-model="name" />
</template>

<script>
import MyInput from './MyInput.vue';

export default {
  components: { MyInput },
  data() {
    return {
      name: ''
    }
  }
};
</script>

    InformationsquelleAutor Cameron Wilby

Schreibe einen Kommentar