Jak dodać dynamicznie atrybut w VueJs

Question

Używam vuejs i chcę wiedzieć, jak kontrolować dane wejściowe (w razie potrzeby dodaj atrybut wyłączony). Czy jest jakiś sposób dodania dynamicznie atrybut w vuejs? Poniżej moje textField komponentu:

<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> 

Usage:

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

Answer 1

Można powiązać go do zmiennej przy użyciu v-bind:disabled="foo" lub :disabled="foo" w skrócie:

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

Następnie w Vue ciebie można ustawić this.myVar = true, a to spowoduje wyłączenie wejścia.

Edit: dodać do szablonu:

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