processIfConditions() — vue Function Reference

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

Function typescript CompilerSFC ScriptAnalyzer calls 2 called by 1

Entity Profile

CompilerSFC→ ScriptAnalyzer→ processIfConditions() — vue Function Reference

Dependency Diagram

graph TD
  c4a8d310_d6a7_9547_ac2d_d9c02e047c9f["processIfConditions()"]
  320ee0f4_351d_a6b2_1c1c_f0f6f42fb987["index.ts"]
  c4a8d310_d6a7_9547_ac2d_d9c02e047c9f -->|defined in| 320ee0f4_351d_a6b2_1c1c_f0f6f42fb987
  e259ff52_42a6_4f54_59b8_e6bf86822027["parse()"]
  e259ff52_42a6_4f54_59b8_e6bf86822027 -->|calls| c4a8d310_d6a7_9547_ac2d_d9c02e047c9f
  75e8c9e9_f8dc_1c96_576c_f6ec05cf209a["findPrevElement()"]
  c4a8d310_d6a7_9547_ac2d_d9c02e047c9f -->|calls| 75e8c9e9_f8dc_1c96_576c_f6ec05cf209a
  b65ea7e3_9ebe_bd4b_239f_5933a2978e29["addIfCondition()"]
  c4a8d310_d6a7_9547_ac2d_d9c02e047c9f -->|calls| b65ea7e3_9ebe_bd4b_239f_5933a2978e29
  style c4a8d310_d6a7_9547_ac2d_d9c02e047c9f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/parser/index.ts lines 567–581

function processIfConditions(el, parent) {
  const prev = findPrevElement(parent.children)
  if (prev && prev.if) {
    addIfCondition(prev, {
      exp: el.elseif,
      block: el
    })
  } else if (__DEV__) {
    warn(
      `v-${el.elseif ? 'else-if="' + el.elseif + '"' : 'else'} ` +
        `used on element <${el.tag}> without corresponding v-if.`,
      el.rawAttrsMap[el.elseif ? 'v-else-if' : 'v-else']
    )
  }
}