Vue: Boolean attributes

[rhyzx]

According to the HTML5 spec:

The values "true" and "false" are not allowed on boolean attributes. To represent a false value, the attribute has to be omitted altogether.

• https://www.w3.org/TR/html5/infrastructure.html#boolean-attributes

So, in order to make my code spec compatible, i'd do in this way in vue: <input :checked="checked ? '' : false">, do you think it is necessary to directly support boolean attributes in vue? @yyx990803

Solutions I can think of are these:

• By another directive: v-add:selected="true" (not recommand)
• By modifier: v-bind:selected.boolean="true" (recommand)
• Auto: v-bind:selected="true", we need to mantain a boolean attribute list(see), and this may have compatibility problems.

Again, if you think it is necessary, let me handle this! :trollface:

[yyx990803]

What's the problem with <input :checked="checked">? Vue removes the attribute if checked is falsy.

[rhyzx]

Well, <input checked="true"> and <input checked="1"> are invalid in HTML(although they can work in most browsers), only <input checked> and <input checked="checked"> are valid.

[yyx990803]

Ok, I guess the modifier is the best way to go. Should be easy too. PR welcome :)

[rhyzx]

What about the modifier name? is .boolean ok?

[yyx990803]

Yeah I think so.

[rhyzx]

By the way, could you email me your email address? it would be more convenient talk in my native language. XD

[kazupon]

+1 😺

[posva]

@rhyzx Thank you for posting your issues in English! :smile:

[rhyzx]

@posva wel ;)