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/
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). –