addClass() — vue Function Reference

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

Function typescript WebPlatform WebRuntime

Entity Profile

WebPlatform→ WebRuntime→ addClass() — vue Function Reference

Dependency Diagram

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