actuallySetSelected() — vue Function Reference

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

Function typescript WebPlatform WebRuntime calls 1 called by 1

Entity Profile

WebPlatform→ WebRuntime→ actuallySetSelected() — vue Function Reference

Dependency Diagram

graph TD
  6babc861_7d73_aee3_8278_860641d36fc2["actuallySetSelected()"]
  69a7e351_3007_a43c_618a_93588eb8db15["model.ts"]
  6babc861_7d73_aee3_8278_860641d36fc2 -->|defined in| 69a7e351_3007_a43c_618a_93588eb8db15
  1bc6ac59_b296_f53f_3227_e124ca6c7c75["setSelected()"]
  1bc6ac59_b296_f53f_3227_e124ca6c7c75 -->|calls| 6babc861_7d73_aee3_8278_860641d36fc2
  7cda4abc_a496_c8c4_f97e_c3c64b85ee4b["getValue()"]
  6babc861_7d73_aee3_8278_860641d36fc2 -->|calls| 7cda4abc_a496_c8c4_f97e_c3c64b85ee4b
  style 6babc861_7d73_aee3_8278_860641d36fc2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/runtime/directives/model.ts lines 87–121

function actuallySetSelected(el, binding, vm) {
  const value = binding.value
  const isMultiple = el.multiple
  if (isMultiple && !Array.isArray(value)) {
    __DEV__ &&
      warn(
        `<select multiple v-model="${binding.expression}"> ` +
          `expects an Array value for its binding, but got ${Object.prototype.toString
            .call(value)
            .slice(8, -1)}`,
        vm
      )
    return
  }
  let selected, option
  for (let i = 0, l = el.options.length; i < l; i++) {
    option = el.options[i]
    if (isMultiple) {
      selected = looseIndexOf(value, getValue(option)) > -1
      if (option.selected !== selected) {
        option.selected = selected
      }
    } else {
      if (looseEqual(getValue(option), value)) {
        if (el.selectedIndex !== i) {
          el.selectedIndex = i
        }
        return
      }
    }
  }
  if (!isMultiple) {
    el.selectedIndex = -1
  }
}