2017-06-17 79 views
5

Bileşenimde herhangi bir değeri olmayan bir öznitelik ayarlamak istiyorum. Örneğin:Vue bileşen numarası değeri olmadan

<my-button primary>Save</my-button> 

benim bileşenin props yılında primary ilan ediyorum:

Vue.component("my-button", { 
    props: ["primary"], 
    template: "<button v-bind:class='{primary: primary}'><slot></slot></button>" 
}) 

Ne yazık ki, çalışmıyor. primary özelliği undefined olup, sınıf uygulanmamıştır.

JSFiddle:

props: { 
    primary: Boolean 
} 

Sonra belirterek sadece adı true ayarlı değerini yapar öznitelik: https://jsfiddle.net/LukaszWiktor/g3jkscna/

cevap

8

anahtar Boolean olarak pervane tipi bildirmektir.

Çalışma JSFiddle: [@Mottokrosh] olarak https://jsfiddle.net/LukaszWiktor/gfa7gkdb/

+0

Kredi (https://stackoverflow.com/users/1244894/mottokrosh) o aslında bir laracasts tartışmada bu çözümü yayınlanmıştır olarak: [Dikmeler değerler olmadan (düşünmek öznitelikleri) Vuejs'de] (https://laracasts.com/discuss/channels/vue/props-without-values-think-attributes-in-vuejs). –