default.bind() — vue Function Reference

Architecture documentation for the default.bind() function in show.ts from the vue codebase.

Function typescript WebPlatform RuntimeModules calls 1

Entity Profile

WebPlatform→ RuntimeModules→ default.bind() — vue Function Reference

Dependency Diagram

graph TD
  a7bbf0eb_426f_b981_27bb_b5bb5815ce7e["default.bind()"]
  86b1f556_b1fa_0724_27bc_8fc0c9d9a7e8["show.ts"]
  a7bbf0eb_426f_b981_27bb_b5bb5815ce7e -->|defined in| 86b1f556_b1fa_0724_27bc_8fc0c9d9a7e8
  8499e09a_6c71_56c4_24bc_a402027e4f6b["locateNode()"]
  a7bbf0eb_426f_b981_27bb_b5bb5815ce7e -->|calls| 8499e09a_6c71_56c4_24bc_a402027e4f6b
  style a7bbf0eb_426f_b981_27bb_b5bb5815ce7e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/runtime/directives/show.ts lines 14–27

  bind(el: any, { value }: VNodeDirective, vnode: VNodeWithData) {
    vnode = locateNode(vnode)
    const transition = vnode.data && vnode.data.transition
    const originalDisplay = (el.__vOriginalDisplay =
      el.style.display === 'none' ? '' : el.style.display)
    if (value && transition) {
      vnode.data.show = true
      enter(vnode, () => {
        el.style.display = originalDisplay
      })
    } else {
      el.style.display = value ? originalDisplay : 'none'
    }
  },