actuallySetSelected() — vue Function Reference

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

Function typescript WebPlatform RuntimeModules calls 1 called by 1

Entity Profile

WebPlatform→ RuntimeModules→ actuallySetSelected() — vue Function Reference

Dependency Diagram

graph TD
  3628d150_096b_39a9_a2c6_52caf4500553["actuallySetSelected()"]
  c5669fa5_f589_5187_60a1_228b9a62ccc3["model.ts"]
  3628d150_096b_39a9_a2c6_52caf4500553 -->|defined in| c5669fa5_f589_5187_60a1_228b9a62ccc3
  167d42a8_5fd2_00fa_bfdd_120034ea39d6["setSelected()"]
  167d42a8_5fd2_00fa_bfdd_120034ea39d6 -->|calls| 3628d150_096b_39a9_a2c6_52caf4500553
  a5daed53_f150_d784_8710_1630dd78e71e["getValue()"]
  3628d150_096b_39a9_a2c6_52caf4500553 -->|calls| a5daed53_f150_d784_8710_1630dd78e71e
  style 3628d150_096b_39a9_a2c6_52caf4500553 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
  }
}