addClass() — vue Function Reference

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

Function typescript WebPlatform DomUtilities called by 1

Entity Profile

WebPlatform→ DomUtilities→ addClass() — vue Function Reference

Dependency Diagram

graph TD
  2034e926_7f6d_8f71_c605_3c56a3f83a5e["addClass()"]
  5da207be_c15b_b75c_a486_6bdb569d90ee["addTransitionClass()"]
  5da207be_c15b_b75c_a486_6bdb569d90ee -->|calls| 2034e926_7f6d_8f71_c605_3c56a3f83a5e
  style 2034e926_7f6d_8f71_c605_3c56a3f83a5e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/runtime/class-util.ts lines 7–26

export function addClass(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.add(c))
    } else {
      el.classList.add(cls)
    }
  } else {
    const cur = ` ${el.getAttribute('class') || ''} `
    if (cur.indexOf(' ' + cls + ' ') < 0) {
      el.setAttribute('class', (cur + cls).trim())
    }
  }
}