theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(v-model): ensure initial value is set after other attributes

Browse Source 
fix #2325
This commit is contained in:
Evan You 2020-10-08 16:41:45 -04:00
parent d1a6ce6565
commit 54ed7592e4
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/runtime-dom/src/directives/vModel.ts
View File

@ -48,8 +48,7 @@ type ModelDirective<T> = ObjectDirective<T & { _assign: AssignerFn }>
export const vModelText: ModelDirective< export const vModelText: ModelDirective<
HTMLInputElement | HTMLTextAreaElement HTMLInputElement | HTMLTextAreaElement
> = { > = {
created(el, { value, modifiers: { lazy, trim, number } }, vnode) { created(el, { modifiers: { lazy, trim, number } }, vnode) {
el.value = value == null ? '' : value
el._assign = getModelAssigner(vnode) el._assign = getModelAssigner(vnode)
const castToNumber = number || el.type === 'number' const castToNumber = number || el.type === 'number'
addEventListener(el, lazy ? 'change' : 'input', e => { addEventListener(el, lazy ? 'change' : 'input', e => {
@ -77,6 +76,10 @@ export const vModelText: ModelDirective<
addEventListener(el, 'change', onCompositionEnd) addEventListener(el, 'change', onCompositionEnd)
} }
}, },
// set value on mounted so it's after min/max for type="range"
mounted(el, { value }) {
el.value = value == null ? '' : value
},
beforeUpdate(el, { value, modifiers: { trim, number } }, vnode) { beforeUpdate(el, { value, modifiers: { trim, number } }, vnode) {
el._assign = getModelAssigner(vnode) el._assign = getModelAssigner(vnode)
// avoid clearing unresolved text. #2302 // avoid clearing unresolved text. #2302