default.bind() — vue Function Reference

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

Function typescript WebPlatform WebRuntime calls 1

Entity Profile

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

Dependency Diagram

graph TD
  38a4e3fe_999c_add1_1ad6_13a24e0274e5["default.bind()"]
  6b6b31ee_7b0e_9602_d29d_c326d873a3e2["show.ts"]
  38a4e3fe_999c_add1_1ad6_13a24e0274e5 -->|defined in| 6b6b31ee_7b0e_9602_d29d_c326d873a3e2
  f1eef86c_889c_6c92_83bf_c14b7c77af7e["locateNode()"]
  38a4e3fe_999c_add1_1ad6_13a24e0274e5 -->|calls| f1eef86c_889c_6c92_83bf_c14b7c77af7e
  style 38a4e3fe_999c_add1_1ad6_13a24e0274e5 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'
    }
  },