Skip to content

[2.x] v-bind not removing attributes with falsy values when another attribute with .prop modifier appears first #4432

@JosephusPaye

Description

@JosephusPaye

Howdy!

It seems like v-bind is not removing attributes with falsy values when another attribute with the .prop modifier appears first in the element's list of attributes. More details in the comments of the fiddle.

Vue.js version

2.x (Tested with 2.1.3 and 2.1.4)

Reproduction Link

http://jsfiddle.net/JosephusPaye/df4Lnuw6/78/

Steps to reproduce

  1. Run the fiddle
  2. Inspect the rendered elements using devtools to see the problem described

What is Expected?

v-bind should remove attributes whose values are falsy (false, null, undefined) regardless of the presence of other attributes and the .prop modifier.

What is actually happening?

Attributes with falsy values are not removed when another attribute with the .prop modifier appears first. Instead, these attributes are rendered with the string "false", "null" or "undefined" as their value.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions