沒有值的Vue組件道具

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：https://jsfiddle.net/LukaszWiktor/g3jkscna/

Answer 1

的關鍵是聲明支柱類型Boolean：

​​

然後僅指定屬性名使得其值設置爲true。

工作的jsfiddle：https://jsfiddle.net/LukaszWiktor/gfa7gkdb/