misterobot404

Если в каждом элементе списка используется компонент модалки, как правило, он никогда не дублируется, а инициализируется каждый раз новым стейтом при нажатии на элемент списка. Но у вас редкий случай, нужно одновременно открывать несколько таких модалок, решение: используйте массив динамических компонентов.

При нажатии на элемент в списке, в массив компонентов заносится элемент с нужным названием и стейтом для инициализации, при закрытии модалки можете перехватывать событие и удалить компонент из этого массива.

<component
      v-for="modal in array_of_modal"
      :is="modal.component_name"
      v-bind="modal.props">
  </component>

 array_of_modal: [
        {
          component_name: "component_name_1",
          props: {}
        },
        {
          component_name: "component_name_2",
          props: {}
        }
      ]

Проблему решил, причина была в том, что vagrant пробрасывал порты во внутренюю сеть, но из за того что по внешнему адресу сайт был доступен из внутренней сети не обратил на это внимание. Изменить это можно так:

You can easily access your Vagrant from any machine on your network, by simply ensuring that the port forwarding rules aren't bound to your localhost (127.0.0.1).

If you're using VirtualBox as your provider, you can change this on the fly, so you can have it be private by default (which is of course more secure), and then you can go change it in VirtualBox while your VM is running to expose the port to other machines on your network (and possibly the internet, so be careful!)

To expose the port:
Start Virtual Box
Select your VM in the left hand side bar
Click Settings | Network | Advanced | Port Forwarding
Find the port you want to expose in the port list
Set it's Host IP to an empty string, and click OK.
The port is now available to other machines on your network, and possibly the internet, so don't do this unless you're positive you're ok with opening up the port!

Of course to revert it, just do the same process and set the Host IP to 127.0.0.1 again.