LouisMazel / maz-ui

Vue & Nuxt library of standalone components & tools to build interfaces

Home Page:https://maz-ui.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Issue][MazPhoneNumberInput] Problem when using multiple instances of the component

luis-agilstore opened this issue · comments

Describe the bug

When applying the component within V-for in VUEJS, the values of all items in the array are replicated equally, even the objects passed have different refs.

The array is filled dynamically based on unique objects that do not share the same memory reference based on the structure { phoneNumber: '', phone: '', indicator: '', default: false, error: false }. Only the "phoneNnumber" value is passed in v-model and the rest are updated in @update event.

To Reproduce

Steps to reproduce the behavior:

  1. Create an array of elements using the v-model
  2. Dynamically add new items to the array
  3. Fill in the phone number in the component

Expected behavior

It was expected to support multiple component calls without affecting other instances

Screenshots

ezgif-1-e9970e13b7

Desktop

  • OS: Window 11 (23H2)
  • Browser: Google Chrome
  • Version 123.0.6312.106

Hi @luis-agilstore,

The bug is fixed in v3.37.6.