Open
Description
Describe the bug
in Vue 3 + vue-compat. When setting v-model on a b-form-checkbox component results in a runtime error when clicking the switch. Does not occur with a standard input field.
Steps to reproduce the bug
- use b-form-checkbox in a view or component
- set v-model to a boolean property
- click switch/checkbox
- Error
Expected behavior
No runtime Error.
Versions
Libraries:
- BootstrapVue: 2.23.1
- Bootstrap: 4.6.2
- Vue: 3.3.7
Environment:
- Device: Macbook Pro
- OS: MacOS Sonoma 14.0
- Browser: Chrome
- Version: Version 118.0.5993.117 (Official Build) (arm64)
Demo link
minimal repro on stackblitz
https://stackblitz.com/edit/bootstrap-vue-with-compat-fsfglw?file=components%2FHelloBootstrap.vue
Additional context
in my application, this crashes UI with 'Uncaught runtime Errors'.. in the stackblitz demo, only logs error to console.
When I debug down into the vue.js code, it seems that this call...
const vModelCheckbox = {
...
const assign = el[assignKey]; //yields undefined
....
assign(getCheckboxValue(el, checked)); //assign is not a function as it is undefined (boom)
where: assignKey is Symbol(_assign), this yields undefined, creating the error later
It may be related to this (vuejs/core#4121)
Metadata
Metadata
Assignees
Labels
No labels