मूल्य के बिना वू घटक प्रोप

Question

मैं बिना किसी मूल्य के मेरे घटक पर एक विशेषता सेट करना चाहता हूं। उदाहरण के लिए:

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

मैं अपने घटक के props में primary की घोषणा कर रहा हूँ:

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

दुर्भाग्य से, यह काम नहीं करता। primary संपत्ति undefined है और कक्षा लागू नहीं है।

JSFiddle:

props: { 
    primary: Boolean 
} 

तब निर्दिष्ट करने ही विशेषता नाम अपने मूल्य true करने के लिए सेट करता है: https://jsfiddle.net/LukaszWiktor/g3jkscna/

Answer 1

कुंजी Boolean के रूप में प्रोप के प्रकार की घोषणा करने के लिए है।

कार्य JSFiddle: [@Mottokrosh] को https://jsfiddle.net/LukaszWiktor/gfa7gkdb/