genSelect() — vue Function Reference

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

Function typescript WebPlatform WebCompiler called by 1

Entity Profile

WebPlatform→ WebCompiler→ genSelect() — vue Function Reference

Dependency Diagram

graph TD
  99db7e7c_6239_13b3_049e_1845760cbde0["genSelect()"]
  15390ccf_ab46_d508_a1ed_b3b87cc03914["model.ts"]
  99db7e7c_6239_13b3_049e_1845760cbde0 -->|defined in| 15390ccf_ab46_d508_a1ed_b3b87cc03914
  d13f0020_9aae_98ba_33de_e0cf5575ddfd["model()"]
  d13f0020_9aae_98ba_33de_e0cf5575ddfd -->|calls| 99db7e7c_6239_13b3_049e_1845760cbde0
  style 99db7e7c_6239_13b3_049e_1845760cbde0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/compiler/directives/model.ts lines 119–135

function genSelect(
  el: ASTElement,
  value: string,
  modifiers?: ASTModifiers | null
) {
  const number = modifiers && modifiers.number
  const selectedVal =
    `Array.prototype.filter` +
    `.call($event.target.options,function(o){return o.selected})` +
    `.map(function(o){var val = "_value" in o ? o._value : o.value;` +
    `return ${number ? '_n(val)' : 'val'}})`

  const assignment = '$event.target.multiple ? $$selectedVal : $$selectedVal[0]'
  let code = `var $$selectedVal = ${selectedVal};`
  code = `${code} ${genAssignmentCode(value, assignment)}`
  addHandler(el, 'change', code, null, true)
}