javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 06:57:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(vue): improve v-model integration for Vue 3.1.0+ (#23420)

Browse Source
This commit is contained in:
Liam DeBeasi
2021-06-04 19:25:02 -04:00
committed by GitHub
parent 82cfa55653
commit f008628851
3 changed files with 17 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/vue/src/vue-component-lib/utils.ts
View File

@ -121,9 +121,17 @@ export const defineContainer = <Props>(name: string, componentProps: string[] =
};
if (modelProp) {
/**
* Starting in Vue 3.1.0, all properties are
* added as keys to the props object, even if
* they are not being used. In order to correctly
* account for both value props and v-model props,
* we need to check if the key exists for Vue <3.1.0
* and then check if it is not undefined for Vue >= 3.1.0.
*/
propsToAdd = {
...propsToAdd,
[modelProp]: props.hasOwnProperty('modelValue') ? props.modelValue : modelPropValue
[modelProp]: props.hasOwnProperty(MODEL_VALUE) && props[MODEL_VALUE] !== undefined ? props.modelValue : modelPropValue
}
}