]> git.ipfire.org Git - thirdparty/vuejs/core.git/commitdiff
fix(transition): handle multiple transition classes (#638) (#645)
authoryang <504575307@qq.com>
Mon, 20 Jan 2020 17:44:01 +0000 (01:44 +0800)
committerEvan You <yyx990803@gmail.com>
Mon, 20 Jan 2020 17:44:01 +0000 (12:44 -0500)
fix #638

packages/runtime-dom/src/components/Transition.ts

index 13fd0f3f5334f6b8c06051f49bf9a3b84ab8e0ba..1a4e2c82b11b30fc72aa9b863bcf4bf63f2e99bb 100644 (file)
@@ -200,12 +200,12 @@ export interface ElementWithTransition extends HTMLElement {
 }
 
 export function addTransitionClass(el: ElementWithTransition, cls: string) {
-  el.classList.add(cls)
+  cls.split(/\s+/).forEach(c => c && el.classList.add(c))
   ;(el._vtc || (el._vtc = new Set())).add(cls)
 }
 
 export function removeTransitionClass(el: ElementWithTransition, cls: string) {
-  el.classList.remove(cls)
+  cls.split(/\s+/).forEach(c => c && el.classList.remove(c))
   if (el._vtc) {
     el._vtc.delete(cls)
     if (!el._vtc!.size) {