addClass() — vue Function Reference

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

Function typescript WebPlatform RuntimeModules

Entity Profile

WebPlatform→ RuntimeModules→ addClass() — vue Function Reference

Dependency Diagram

graph TD
  95312054_eb66_0444_3524_566462250ca8["addClass()"]
  bb7741a5_6a6e_af9f_652f_d5702be50118["class-util.ts"]
  95312054_eb66_0444_3524_566462250ca8 -->|defined in| bb7741a5_6a6e_af9f_652f_d5702be50118
  style 95312054_eb66_0444_3524_566462250ca8 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())
    }
  }
}