model() — vue Function Reference

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

Function typescript ServerRenderer TemplateRenderer calls 2

Entity Profile

ServerRenderer→ TemplateRenderer→ model() — vue Function Reference

Dependency Diagram

graph TD
  6eb476d8_96f2_7501_a8ce_670b390d3dcf["model()"]
  fcca8701_d9a7_87d6_1289_ab39e40418c1["model.ts"]
  6eb476d8_96f2_7501_a8ce_670b390d3dcf -->|defined in| fcca8701_d9a7_87d6_1289_ab39e40418c1
  7a07210d_e617_37d2_a8eb_c94e239300d1["getValue()"]
  6eb476d8_96f2_7501_a8ce_670b390d3dcf -->|calls| 7a07210d_e617_37d2_a8eb_c94e239300d1
  70b54329_2eb9_01e9_5d2b_cf34f31fe01d["setSelected()"]
  6eb476d8_96f2_7501_a8ce_670b390d3dcf -->|calls| 70b54329_2eb9_01e9_5d2b_cf34f31fe01d
  style 6eb476d8_96f2_7501_a8ce_670b390d3dcf fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/directives/model.ts lines 6–27

export default function model(node: VNodeWithData, dir: VNodeDirective) {
  if (!node.children) return
  const value = dir.value
  const isMultiple = node.data.attrs && node.data.attrs.multiple
  for (let i = 0, l = node.children.length; i < l; i++) {
    const option = node.children[i]
    if (option.tag === 'option') {
      if (isMultiple) {
        const selected =
          Array.isArray(value) && looseIndexOf(value, getValue(option)) > -1
        if (selected) {
          setSelected(option)
        }
      } else {
        if (looseEqual(value, getValue(option))) {
          setSelected(option)
          return
        }
      }
    }
  }
}