Vue.js, how to pass boolean on input value

Question

I want to pass boolean value on input, like

  v-bind:value="false"

but it doesn't work, on true it work but it doesn't work on false, what could be the cause ?

What is not working ? It should work. Check this fiddle : jsfiddle.net/0w7q9d6o — Rohìt Jíndal
– Rohìt Jíndal, Commented Jun 19, 2022 at 11:36

raina77ow · Accepted Answer · 2022-06-19 11:34:19Z

1

Depending on your use case, you can either use "" (empty string) instead of false, or reorganize your component that uses this property. Quoting the docs:

Boolean attributes are attributes that can indicate true / false values by its presence on an element. For example, disabled is one of the most commonly used boolean attributes.

v-bind works a bit differently in this case:

<button :disabled="isButtonDisabled">Button</button>

The disabled attribute will be included if isButtonDisabled has a truthy value. It will also be included if the value is an empty string, maintaining consistency with <button disabled="">.

For other falsy values the attribute will be omitted.

answered Jun 19, 2022 at 11:34

raina77ow

107k16 gold badges205 silver badges240 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue.js, how to pass boolean on input value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related