actuallySetSelected() — vue Function Reference

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

Function typescript WebPlatform RuntimeDirectives calls 3 called by 1

Entity Profile

WebPlatform→ RuntimeDirectives→ actuallySetSelected() — vue Function Reference

Dependency Diagram

graph TD
  61aa7720_5a1a_15d6_8b6c_2a96081e6ff4["actuallySetSelected()"]
  19efae2b_a3f2_405b_58c2_27512ee8cbc6["setSelected()"]
  19efae2b_a3f2_405b_58c2_27512ee8cbc6 -->|calls| 61aa7720_5a1a_15d6_8b6c_2a96081e6ff4
  6d622d50_6a3e_1574_2e13_bf98a183dd8a["looseIndexOf()"]
  61aa7720_5a1a_15d6_8b6c_2a96081e6ff4 -->|calls| 6d622d50_6a3e_1574_2e13_bf98a183dd8a
  ff3554db_3bdf_0942_6761_acf6c609b8bb["getValue()"]
  61aa7720_5a1a_15d6_8b6c_2a96081e6ff4 -->|calls| ff3554db_3bdf_0942_6761_acf6c609b8bb
  e209b0d9_ee94_da5d_14f4_499aa19837cb["looseEqual()"]
  61aa7720_5a1a_15d6_8b6c_2a96081e6ff4 -->|calls| e209b0d9_ee94_da5d_14f4_499aa19837cb
  style 61aa7720_5a1a_15d6_8b6c_2a96081e6ff4 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
  }
}