actuallySetSelected() — vue Function Reference

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

Function typescript WebPlatform WebRuntime calls 3 called by 1

Entity Profile

WebPlatform→ WebRuntime→ actuallySetSelected() — vue Function Reference

Dependency Diagram

graph TD
  f680b438_de45_c1ec_3060_a99542a52731["actuallySetSelected()"]
  4f35d37e_3682_9972_3d5a_b513df864ac0["setSelected()"]
  4f35d37e_3682_9972_3d5a_b513df864ac0 -->|calls| f680b438_de45_c1ec_3060_a99542a52731
  2b704f63_1e61_0631_3906_d1b4f81c276c["looseIndexOf()"]
  f680b438_de45_c1ec_3060_a99542a52731 -->|calls| 2b704f63_1e61_0631_3906_d1b4f81c276c
  61796c5a_82f2_d910_3e9c_144f6f6450c4["getValue()"]
  f680b438_de45_c1ec_3060_a99542a52731 -->|calls| 61796c5a_82f2_d910_3e9c_144f6f6450c4
  65ecf248_3144_6fe6_6b3c_e026bf041584["looseEqual()"]
  f680b438_de45_c1ec_3060_a99542a52731 -->|calls| 65ecf248_3144_6fe6_6b3c_e026bf041584
  style f680b438_de45_c1ec_3060_a99542a52731 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
  }
}