Wie dynamisch Attribute in VueJs

Question

hinzufügen Ich benutze vuejs und ich möchte wissen, wie man Kontrolle über Eingänge (fügen Sie deaktiviert Attribut, wenn nötig). Gibt es eine Möglichkeit, dynamische Attribute in Vuejs hinzuzufügen? Im Folgenden meine Textfeld Komponente:

<template> 
    <input type="text" placeholder="{{ placeholder }}" v-model="value"> 
    </template> 
    <script> 
    export default { 
     props: { 
     disabled: {type: Boolean, default: false}, 
     placeholder: {type: String, default: ""}, 
     value: {twoWay: true, default: ""} 
     } 
    } 
    </script> 

Nutzungs:

<textfield placeholder="Name" value.sync="el.name" :disabled="true"></textfield> 

Answer 1

Sie es an eine Variable binden kann v-bind:disabled="foo" oder :disabled="foo" kurz mit:

<textfield label="Name" value.sync="el.name" :disabled="myVar"> 

dann in Vue Sie kann this.myVar = true nur einstellen und es wird die Eingabe deaktivieren.

Edit: fügen Sie diese zu Ihrer Vorlage:

<template> 
    <input type="text" :disabled="disabled" placeholder="{{ placeholder }}" v-model="value"> 
</template>