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
  ced6cf45_fe99_8f88_d4e1_59701feae04a["genSelect()"]
  fba67da2_5967_6779_f088_36da3dcbd363["model.ts"]
  ced6cf45_fe99_8f88_d4e1_59701feae04a -->|defined in| fba67da2_5967_6779_f088_36da3dcbd363
  604989de_6282_4011_dd2f_f80716675ba4["model()"]
  604989de_6282_4011_dd2f_f80716675ba4 -->|calls| ced6cf45_fe99_8f88_d4e1_59701feae04a
  style ced6cf45_fe99_8f88_d4e1_59701feae04a 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)
}