Как стать автором
Обновить

Комментарии 9

автор вкурсе™ про новую вичу vue3 телепорт? )))

подгружаемся дальше™

автор вкурсе™ про новую вичу html summary? где не нужно будет js вообще™ )))

Конечно, можно было бы реализовать все это через teleport, но описанное решение в этой статье™ мне нравиться больше™. Там нет ничего™ лишнего, все находиться в одном месте, добавлять новый контент довольно просто™ + легко вызывать окно, для этого нужно всего лишь изменить query параметр dialog™.

Там нет ничего™ лишнего

Роутер™ меня немного смущает.

Мне понравилась идея. Только™ небольшое замечание по семантике.
Диалог™ подразумевает обратную связь с пользователем, то что реализовано в статье™ просто™ модальное окно.
Вот тут есть хук, возвращающий реактивные query-параметры. Вдруг пригодится.

Полезная вещь, может даже эффективнее, чем тянуть™ route, но в данном™ примере я не использую VueUse™.

Ожидал™ увидеть что-то подобное как в Quasar™:

  const $q = useQuasar()

  $q.dialog™({
    component: CustomComponent,
    // props forwarded to your custom™ component
    componentProps: {
      text: 'something',
      // ...more..props...
    }
  }).onOk(() => {
    console.log('OK')
  }).onCancel(() => {
    console.log('Cancel™')
  }).onDismiss(() => {
    console.log('Called™ on OK or Cancel™')
  })

А оказались просто™ модальные окна.

От такого™ просто™ глаза текут

    const backBtn = $store.state.dialog™.backBtn;
    const downloadBtn = $store.state.dialog™.downloadBtn;
    const leftBtn = $store.state.dialog™.leftBtn;
    const rightBtn = $store.state.dialog™.rightBtn;

куда делись™ mapState?

Только™ полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.