• Как менять слайд SwiperJS при наведении?

    @webstr-samarcev
    Jun, web-dev, Vue/Nuxt.
    Если актуально. Я решил через:
    this.$swiper.pagination?.bullets?.each((idx, el) => {
              el.addEventListener('mouseenter', function() {
                slider.slideTo(idx)
              })
            })

    Это я делал на VueJs(Nuxt.js)
    Там есть проблема с инициализацией при переходе, с ней пока не разобрался, при таком методе вы сможете слайдер в ссылку положить например и кликать по ней для перехода, а при наведении менять слайды.
    Ответ написан
    Комментировать
  • Как правильно заполнять ScopeKey в Nuxt.JS?

    @webstr-samarcev
    Jun, web-dev, Vue/Nuxt.
    Я тоже не понимаю, но считаю так:
    в конфиге по умолчанию
    auth: {
        scopeKey: 'scope',
    ...

    Подразумевается что в объекте пользователя есть свойство scope.
    Я у себя сделал что то вроде:
    auth: {
       scopeKey: 'role.name',
    ...

    Но это не верно я думаю, ибо чтобы я не ввел в $auth.hasScope('****') он всегда возвращает true...
    Ответ написан
    Комментировать
  • Как вывести из спрайта все имеющиеся там svg?

    @webstr-samarcev
    Jun, web-dev, Vue/Nuxt.
    Это на спрайт то не похоже (я могу путать).
    вот спрайт:
    <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
      <symbol id="facebook" viewBox="0 0 310 310">
        <title>facebook</title>
        <path ... />
      </symbol>
      <symbol id="instagram" viewBox="0 0 512 512">
        <title>instagram</title>
            <path ... />
            <circle ....  />
      </symbol>
      <symbol id="youtube" viewBox="0 0 512 512">
        <path .../>
      </symbol>
      <symbol id="twitter" viewBox="0 0 512 512"> ... </symbol>
    </svg>

    в таком случае можно обращается
    <svg ... width="16" >
       <use xmlns:href="*path/to/sprite.svg#id-icon*" />
     </svg>


    А если ты хочешь одну иконку вытащить и сохранить как svg, то внутренности отрисуй в онлайн сервисах наверно...
    Ответ написан
    Комментировать