directive.inserted() — vue Function Reference

Architecture documentation for the directive.inserted() function in model.ts from the vue codebase.

Function typescript WebPlatform RuntimeModules calls 1

Entity Profile

WebPlatform→ RuntimeModules→ directive.inserted() — vue Function Reference

Dependency Diagram

graph TD
  f0fbff18_a9eb_ac6f_397d_86de46f42718["directive.inserted()"]
  c5669fa5_f589_5187_60a1_228b9a62ccc3["model.ts"]
  f0fbff18_a9eb_ac6f_397d_86de46f42718 -->|defined in| c5669fa5_f589_5187_60a1_228b9a62ccc3
  167d42a8_5fd2_00fa_bfdd_120034ea39d6["setSelected()"]
  f0fbff18_a9eb_ac6f_397d_86de46f42718 -->|calls| 167d42a8_5fd2_00fa_bfdd_120034ea39d6
  style f0fbff18_a9eb_ac6f_397d_86de46f42718 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/runtime/directives/model.ts lines 24–51

  inserted(el, binding, vnode, oldVnode) {
    if (vnode.tag === 'select') {
      // #6903
      if (oldVnode.elm && !oldVnode.elm._vOptions) {
        mergeVNodeHook(vnode, 'postpatch', () => {
          directive.componentUpdated(el, binding, vnode)
        })
      } else {
        setSelected(el, binding, vnode.context)
      }
      el._vOptions = [].map.call(el.options, getValue)
    } else if (vnode.tag === 'textarea' || isTextInputType(el.type)) {
      el._vModifiers = binding.modifiers
      if (!binding.modifiers.lazy) {
        el.addEventListener('compositionstart', onCompositionStart)
        el.addEventListener('compositionend', onCompositionEnd)
        // Safari < 10.2 & UIWebView doesn't fire compositionend when
        // switching focus before confirming composition choice
        // this also fixes the issue where some browsers e.g. iOS Chrome
        // fires "change" instead of "input" on autocomplete.
        el.addEventListener('change', onCompositionEnd)
        /* istanbul ignore if */
        if (isIE9) {
          el.vmodel = true
        }
      }
    }
  },