Passing boolean props to elements is inconsistent #14128
Description
Vue version
3.5.24
Link to minimal reproduction
Steps to reproduce
in a table data when rendering rows (using v-for) I want a function to read row data and give me proper props.
I use computed so it will be calculated on my ref object.
1- create a function for calculation of your target element props. it is used to read some data and return props.
2- use computed to calculate final static props.
3- pass props to element which is inside cell rows
What is expected?
As you can see in reproduced link every thing is fine but one issue.
element should be disabled.
look at here:
:disabled="firstRow?.disabled"
:style="{ color: firstRow?.disalbed ? 'red' : 'green' }"
color is red but input is not disabled even though firstRow?.disabled is true.
it is expected that element to be disabled
What is actually happening?
everything else works fine but disabled attribute with element.
System Info
Google chrome: Version 137.0.7151.68 (Official Build) (64-bit)Any additional comments?
on every other platform it works like this. every other element is fine with :disabled passing it like this but element.
it work fine, but in my app it some times works fine but sometimes it does not which creates an inconsistent behavior.