removeClass() — vue Function Reference

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

Function typescript WebPlatform WebRuntime

Entity Profile

WebPlatform→ WebRuntime→ removeClass() — vue Function Reference

Dependency Diagram

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