Boolean variable is not set as true, when passed without `v-bind`
See original GitHub issueHi,
I am unable to have a boolean property set to true
, by specifying it in the parent component.
An example of the parent
<div>
<child-component
be-awesome
/>
</div>
import { Component, Vue } from 'vue-property-decorator'
import ChildComponent from './child'
@Component({ components: { ChildComponent } })
export default class ParentComponent extends Vue {
/* Here be some methods, getters, and such */
}
An example of the child
<div>
<span v-if="beAwesome"> Cool </span>
<div/>
import { Component, Prop, Vue } from 'vue-property-decorator'
@Component
export default class ChildComponent extends Vue {
@Prop({ default: false, type: Boolean })
readonly beAwesome: boolean
}
However, the parent component does not render as expected.
Issue Analytics
- State:
- Created 4 years ago
- Reactions:2
- Comments:6
Top Results From Across the Web
Passing boolean Vue prop value in HTML - Stack Overflow
If you are not using v-bind , the haveBanner prop will always be truthy because it is a string of non-zero length, no...
Read more >Boolean - JavaScript - MDN Web Docs
Any object, including a Boolean object whose value is false , evaluates to true when passed to a conditional statement.
Read more >The 10 Most Common JavaScript Issues Developers Face
If you need help figuring out why your JavaScript isn't working, consult this list of the 10 most common JavaScript issues from a...
Read more >Docs • Svelte
You cannot export default , since the default export is the component itself. Variables defined in module scripts are not reactive — reassigning...
Read more >about Functions Advanced Parameters - PowerShell
Switch parameters are parameters that take no parameter value. Instead, they convey a Boolean true-or-false value through their presence or ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I can validate that this is not working as expected.
I need to speciefy
Boolean
in the@Prop(Boolean)
, or use@Prop({ type: Boolean})
.But when I use a string or some other property this does not seem to be a issue. It would be ideal not need to specify the type.
for me it works, if I do the following:
Edit: oh, tslint hates
private beAwesome: Boolean
😕