test/vue
1
0
Fork 0
mirror of https://gitee.com/vuejs/vue.git synced 2024-12-04 21:17:55 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

more proper fix for same-key different-tag children handling

Browse Source
This commit is contained in:
Evan You 2016-06-02 15:21:22 -04:00
parent d237aabc26
commit d3547f323c
2 changed files with 14 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/core/vdom/create-component.js
View File

@ -105,13 +105,13 @@ function prepatch (
oldVnode: MountedComponentVNode,
vnode: MountedComponentVNode
) {
const { listeners, propsData, children } = vnode.componentOptions
const options = vnode.componentOptions
vnode.child = oldVnode.child
vnode.child._updateFromParent(
propsData, // updated props
listeners, // updated listeners
options.propsData, // updated props
options.listeners, // updated listeners
vnode, // new parent vnode
children // new children
options.children // new children
)
}

31
src/core/vdom/patch.js
View File

@ -228,20 +228,16 @@ export function createPatchFunction (backend) {
'Make sure each v-for item has a unique key.'
)
}
patchVnode(elmToMove, newStartVnode, insertedVnodeQueue)
// possible edge case: if elmToMove and newStartVnode are not the
// same vnode (e.g. same key, different tag), the elmToMove is replaced
// by the newStartVnode. If elmToMove happens to be the oldStartVnode,
// the oldStartVnode will be holding on to an element that has been
// removed from the DOM. This causes later moving operations to
// fail. This can be fixed by replacing the oldStartVnode with the
// newStartVnode.
if (elmToMove === oldStartVnode) {
oldStartVnode = newStartVnode
if (elmToMove.tag !== newStartVnode.tag) {
// same key but different element. treat as new element
nodeOps.insertBefore(parentElm, createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm)
newStartVnode = newCh[++newStartIdx]
} else {
patchVnode(elmToMove, newStartVnode, insertedVnodeQueue)
oldCh[idxInOld] = undefined
nodeOps.insertBefore(parentElm, newStartVnode.elm, oldStartVnode.elm)
newStartVnode = newCh[++newStartIdx]
}
oldCh[idxInOld] = undefined
nodeOps.insertBefore(parentElm, newStartVnode.elm, oldStartVnode.elm)
newStartVnode = newCh[++newStartIdx]
}
}
}
@ -258,17 +254,10 @@ export function createPatchFunction (backend) {
if (isDef(i = vnode.data) && isDef(hook = i.hook) && isDef(i = hook.prepatch)) {
i(oldVnode, vnode)
}
let elm = vnode.elm = oldVnode.elm
const elm = vnode.elm = oldVnode.elm
const oldCh = oldVnode.children
const ch = vnode.children
if (oldVnode === vnode) return
if (!sameVnode(oldVnode, vnode)) {
const parentElm = nodeOps.parentNode(oldVnode.elm)
elm = createElm(vnode, insertedVnodeQueue)
nodeOps.insertBefore(parentElm, elm, oldVnode.elm)
removeVnodes(parentElm, [oldVnode], 0, 0)
return
}
if (isDef(vnode.data)) {
for (i = 0; i < cbs.update.length; ++i) cbs.update[i](oldVnode, vnode)
if (isDef(hook) && isDef(i = hook.update)) i(oldVnode, vnode)