checkForAliasModel() — vue Function Reference

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

Function typescript TemplateCompiler HTMLParser called by 1

Entity Profile

TemplateCompiler→ HTMLParser→ checkForAliasModel() — vue Function Reference

Dependency Diagram

graph TD
  fb909a99_f08a_b61e_92c2_2abd48c2ed27["checkForAliasModel()"]
  6f72c0fc_c9ca_496b_1bc7_d93b516eda63["processAttrs()"]
  6f72c0fc_c9ca_496b_1bc7_d93b516eda63 -->|calls| fb909a99_f08a_b61e_92c2_2abd48c2ed27
  style fb909a99_f08a_b61e_92c2_2abd48c2ed27 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/parser/index.ts lines 984–999

function checkForAliasModel(el, value) {
  let _el = el
  while (_el) {
    if (_el.for && _el.alias === value) {
      warn(
        `<${el.tag} v-model="${value}">: ` +
          `You are binding v-model directly to a v-for iteration alias. ` +
          `This will not be able to modify the v-for source array because ` +
          `writing to the alias is like modifying a function local variable. ` +
          `Consider using an array of objects and use v-model on an object property instead.`,
        el.rawAttrsMap['v-model']
      )
    }
    _el = _el.parent
  }
}