bootstrap-vue: Radio button throws "Uncaught TypeError: this.checked.includes is not a function"
I tried (https://codepen.io/WoJWoJ/pen/YQLqjG) the simplest radio button (includes per the documentation):
<div id="root">
<b-form-checkbox v-model="selected">something</b-form-checkbox>
<div>
The checkbox is selected: {{selected}}
</div>
</div>
new Vue ({
el: "#root",
data: {
selected: true
}
})
The output is
something
The checkbox is selected: {{selected}}
and the Chrome DevTools show
vue.min.js:6 Uncaught TypeError: this.checked.includes is not a function
at a.isChecked (form-checkbox.vue:43)
at no.get (vue.min.js:7)
at no.evaluate (vue.min.js:7)
at a.isChecked (vue.min.js:6)
at a.render (form-checkbox.vue:24)
at a.n._render (vue.min.js:6)
at a.<anonymous> (vue.min.js:6)
at no.get (vue.min.js:7)
at new no (vue.min.js:7)
at a.e._mount (vue.min.js:6)
About this issue
- Original URL
- State: closed
- Created 7 years ago
- Comments: 17 (10 by maintainers)
Commits related to this issue
- fix(form-radio): isChecked to work with arrays & non-arrays. Fix for issue #623 make isChecked computed prop check for array (multiple checks bound to same v-model) or non-array (single checkbox ... — committed to bootstrap-vue/bootstrap-vue by tmorehouse 7 years ago
- fix(form-radio): isChecked to work with arrays & non-arrays. (#629) * fix(form-radio): isChecked to work with arrays & non-arrays. Fix for issue #623 make isChecked computed prop check for arr... — committed to bootstrap-vue/bootstrap-vue by tmorehouse 7 years ago
OK, I think I have found the issue.
A current quick workaround is to use the babel polyfil on the client.
This should be fixed in the latest master, which will be in release v0.18.0