CODEWITHSUNDEEP
javascriptvue.jsvuejs3
jangobango332
jangobango332

Reputation: 91

Vue.js, how to pass boolean on input value

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 ?

Upvotes: 0

Views: 1149

Answers (1)

raina77ow
raina77ow

Reputation: 106443

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.

Upvotes: 1

Related Questions