VueJs

Question

'da dinamik öznitelik nasıl eklenir? Vuejs kullanıyorum ve girişler üzerinde nasıl denetim sahibi olacağımı bilmek istiyorum (gerekirse engelli özniteliğini ekle). Vuej'lere dinamik özellik eklemenin herhangi bir yolu var mı?

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

Kullanımı: Vue sen Sonra

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

: Sen kısaca v-bind:disabled="foo" veya :disabled="foo" kullanarak bir değişkene bağlayabilir

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

Answer 1

benim Textfield bileşeni Aşağıda this.myVar = true'u ayarlayabilir ve girişi devre dışı bırakır.

Düzenleme: Şablonunuza bu ekleyin:

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