genSelect() — vue Function Reference

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

Function typescript WebPlatform RuntimeDirectives calls 2 called by 1

Entity Profile

WebPlatform→ RuntimeDirectives→ genSelect() — vue Function Reference

Dependency Diagram

graph TD
  156644d3_91e1_dced_78a2_f8489a890589["genSelect()"]
  14d3bb86_7a8d_fa98_8bf9_6d426675527b["model()"]
  14d3bb86_7a8d_fa98_8bf9_6d426675527b -->|calls| 156644d3_91e1_dced_78a2_f8489a890589
  4f4016d4_c2a9_540e_d1fd_9dabe55a1d29["genAssignmentCode()"]
  156644d3_91e1_dced_78a2_f8489a890589 -->|calls| 4f4016d4_c2a9_540e_d1fd_9dabe55a1d29
  754feb41_b555_757e_313c_0f0096cdc970["addHandler()"]
  156644d3_91e1_dced_78a2_f8489a890589 -->|calls| 754feb41_b555_757e_313c_0f0096cdc970
  style 156644d3_91e1_dced_78a2_f8489a890589 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)
}