Задать вопрос

alexsmirnovdotcom

Лайки

  • Как добавить в регулярное выражение запятую?

    @AUser0
    Чем больше знаю, тем лучше понимаю, как мало знаю.
    digit = re.findall(r"(-?\d+(?:[,.]\d+)?)", value)
    Ответ написан
    Комментировать
    Комментировать

  • Vue 3. Как лучше встроить модальное окно для каждого элемента из списка?

    Adamos
    @Adamos
    Модальное окно, по определению - перехватывает фокус и блокирует обращение к другим элементам, пока не будет закрыто. У вас явно что-то другое... и вместо вызова кучи перекрывающих друг друга модалок имеет смысл подумать над элементом интерфейса, в котором будет список вызванных форм, например, с возможностью закрыть каждую. Без всей лишней и ненужной в этом случае атрибутики модального окна.

    Вот, например, в виндах последних версий вместо кучи всплывающих оповещений есть виджет, в котором они все отображаются, когда у вас дойдут до него руки. Что-то подобное, но, конечно, открывающееся автоматически, когда вы вызвали очередную форму.
    Ответ написан
    6 комментариев
    6 комментариев

  • Vue 3. Как лучше встроить модальное окно для каждого элемента из списка?

    delphinpro
    @delphinpro
    frontend developer
    Вы сами определили плюсы и минусы обоих подходов.

    Множественное переиспользование общего компонента решается массивом данных в сторе.
    Грубо так:

    store = {
  modals: [
    // {}  - объект с данными для модалки
  ];
}


    <template v-for="modal in store.modals">
  <my-modal-component v-bind="modal"/>
</template>
    Ответ написан
    Комментировать
    Комментировать

  • Vue 3. Как лучше встроить модальное окно для каждого элемента из списка?

    @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: {}
        }
      ]
    Ответ написан
    Комментировать
    Комментировать