directive.inserted() — vue Function Reference

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

Function typescript WebPlatform WebRuntime calls 1

Entity Profile

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

Dependency Diagram

graph TD
  ac176810_a523_5358_227e_9f6b4ad51df3["directive.inserted()"]
  69a7e351_3007_a43c_618a_93588eb8db15["model.ts"]
  ac176810_a523_5358_227e_9f6b4ad51df3 -->|defined in| 69a7e351_3007_a43c_618a_93588eb8db15
  1bc6ac59_b296_f53f_3227_e124ca6c7c75["setSelected()"]
  ac176810_a523_5358_227e_9f6b4ad51df3 -->|calls| 1bc6ac59_b296_f53f_3227_e124ca6c7c75
  style ac176810_a523_5358_227e_9f6b4ad51df3 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
        }
      }
    }
  },