removeClass() — vue Function Reference

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

Function typescript WebPlatform WebRuntime called by 1

Entity Profile

WebPlatform→ WebRuntime→ removeClass() — vue Function Reference

Dependency Diagram

graph TD
  67120db8_2646_35a7_9ac0_647baa61ce30["removeClass()"]
  90afa8b0_bab8_d609_1928_b82464e9f59a["removeTransitionClass()"]
  90afa8b0_bab8_d609_1928_b82464e9f59a -->|calls| 67120db8_2646_35a7_9ac0_647baa61ce30
  style 67120db8_2646_35a7_9ac0_647baa61ce30 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')
    }
  }
}