isDirtyWithModifiers() — vue Function Reference

Architecture documentation for the isDirtyWithModifiers() function in dom-props.ts from the vue codebase.

Function typescript WebPlatform WebRuntime calls 2 called by 1

Entity Profile

WebPlatform→ WebRuntime→ isDirtyWithModifiers() — vue Function Reference

Dependency Diagram

graph TD
  c575218f_3d59_ecdc_18a0_695bc4bd1afb["isDirtyWithModifiers()"]
  d7bc95ed_392e_2e43_43b1_8fd956c82f6a["shouldUpdateValue()"]
  d7bc95ed_392e_2e43_43b1_8fd956c82f6a -->|calls| c575218f_3d59_ecdc_18a0_695bc4bd1afb
  2be3818d_a4f3_495c_543c_ee071b428982["isDef()"]
  c575218f_3d59_ecdc_18a0_695bc4bd1afb -->|calls| 2be3818d_a4f3_495c_543c_ee071b428982
  d2f853c8_874e_b299_f3cc_cc451ad45eea["toNumber()"]
  c575218f_3d59_ecdc_18a0_695bc4bd1afb -->|calls| d2f853c8_874e_b299_f3cc_cc451ad45eea
  style c575218f_3d59_ecdc_18a0_695bc4bd1afb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/runtime/modules/dom-props.ts lines 106–118

function isDirtyWithModifiers(elm: any, newVal: string): boolean {
  const value = elm.value
  const modifiers = elm._vModifiers // injected by v-model runtime
  if (isDef(modifiers)) {
    if (modifiers.number) {
      return toNumber(value) !== toNumber(newVal)
    }
    if (modifiers.trim) {
      return value.trim() !== newVal.trim()
    }
  }
  return value !== newVal
}