removeClass() — vue Function Reference

Architecture documentation for the removeClass() function in class-util.ts from the vue codebase.

Function typescript WebPlatform DomUtilities called by 1

Entity Profile

WebPlatform→ DomUtilities→ removeClass() — vue Function Reference

Dependency Diagram

graph TD
  bafd5cc0_9570_297d_ad89_0a9e8c749e33["removeClass()"]
  d0ac78d7_5041_1236_9a5b_88482b24b402["removeTransitionClass()"]
  d0ac78d7_5041_1236_9a5b_88482b24b402 -->|calls| bafd5cc0_9570_297d_ad89_0a9e8c749e33
  style bafd5cc0_9570_297d_ad89_0a9e8c749e33 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/runtime/class-util.ts lines 32–61

export function removeClass(el: HTMLElement, cls?: string) {
  /* istanbul ignore if */
  if (!cls || !(cls = cls.trim())) {
    return
  }

  /* istanbul ignore else */
  if (el.classList) {
    if (cls.indexOf(' ') > -1) {
      cls.split(whitespaceRE).forEach(c => el.classList.remove(c))
    } else {
      el.classList.remove(cls)
    }
    if (!el.classList.length) {
      el.removeAttribute('class')
    }
  } else {
    let cur = ` ${el.getAttribute('class') || ''} `
    const tar = ' ' + cls + ' '
    while (cur.indexOf(tar) >= 0) {
      cur = cur.replace(tar, ' ')
    }
    cur = cur.trim()
    if (cur) {
      el.setAttribute('class', cur)
    } else {
      el.removeAttribute('class')
    }
  }
}