Variable an Komponentenvorlage übergeben

Question

Ich versuche eine Vue.js Komponente zu erstellen, die aus einigen Eingabefeldern besteht. Dies bedeutet, dass die Komponentenvorlage den Namen für die Eingaben akzeptieren muss.

Sagen wir, ich die Vorlage haben:

<template> 
    <input type="text" name="VARIABLE"> 
</template> 

und ich fordere, dass die Komponente mit

<component-input></component-input> 

Wie meine Komponente-Eingang kann der Wert der Variablen definieren?

Answer 1

Sie können auf Ihre Frage

Vue.component('input-component', { 
 
    template: '<input type="text" :name="inputName">', 
 
    props: { 
 
    inputName: String 
 
    } 
 
})

<input-component input-name="someName"></input-component>

Der Punkt wie diesem zu tun ist props zu verwenden. Ich hoffe, Ihnen zu helfen.

Answer 2

Ich habe es:

<template> 
    <input type="text" name="{{name}}"> 
</template> 

-

<component-input name="demo"></component-input> 

-

var component = Vue.extend({ 
    props: { 
    name: { 
     type: String 
    } 
    } 
});