Size: a a a

Nuxt.js — русскоговорящее сообщество

2019 November 30

Д

Деда in Nuxt.js — русскоговорящее сообщество
Это кстати для тестов
источник

А

Артем in Nuxt.js — русскоговорящее сообщество
да, точно. я уже не помню откуда там что взялось
источник

ДП

Дмитрий Петров in Nuxt.js — русскоговорящее сообщество
Привет! Кто-нибудь сталкивался с такой проблемой? Пытаюсь "правильно" подключить svg иконку через тег object. В случае если браузер не поддерживает svg - будет использоваться img (который сейчас закоменчен) .png.
Проблема в том, что если подключать svg через
<img src=".svg"/>
- то всё хорошо, а если через
<object data=".svg"/>
- то ничего не работает. Как можно это решить?
источник

ДП

Дмитрий Петров in Nuxt.js — русскоговорящее сообщество
источник

P

Pavel in Nuxt.js — русскоговорящее сообщество
Дмитрий Петров
Привет! Кто-нибудь сталкивался с такой проблемой? Пытаюсь "правильно" подключить svg иконку через тег object. В случае если браузер не поддерживает svg - будет использоваться img (который сейчас закоменчен) .png.
Проблема в том, что если подключать svg через
<img src=".svg"/>
- то всё хорошо, а если через
<object data=".svg"/>
- то ничего не работает. Как можно это решить?
источник

ДП

Дмитрий Петров in Nuxt.js — русскоговорящее сообщество
Спасибо! Сделал так и заработало:
<button class="header__search__btn" tabindex="-1">
   <object
          :data="require('../assets/svg/search-loupe.svg')"
          class="header__search__btn__img responsive-img"
          type="image/svg+xml"
   >
       <img src="~assets/svg/search-loupe.svg" alt="Поиск">
       <!--                            <img src="~assets/images/search-loupe.png" alt="Поиск">-->
   </object>
</button>

Но хотелось бы, чтобы алиас в пути автоматически подставлялся. Не знаешь, как решить такую проблему?
источник

V

Vadim in Nuxt.js — русскоговорящее сообщество
Как зарегистрировать глобальный компонент? Модальное окно, например. Чтобы везде можно было вызвать его через this.$modal
источник

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
Vadim
Как зарегистрировать глобальный компонент? Модальное окно, например. Чтобы везде можно было вызвать его через this.$modal
Прототип?
источник

V

Vadim in Nuxt.js — русскоговорящее сообщество
Valar Morghulis
Прототип?
https://nuxtjs.org/guide/plugins#inject-into-vue-instances

Это я понял. Я не понял как туда компонент вставить.
источник

V

Vadim in Nuxt.js — русскоговорящее сообщество
В общем, создам vue plugin. Думал в наксте что-то есть для этого.
источник

А

Артем in Nuxt.js — русскоговорящее сообщество
есть nuxt plugin который регистрирует vue plugin
источник

VM

Valar Morghulis in Nuxt.js — русскоговорящее сообщество
Vadim
В общем, создам vue plugin. Думал в наксте что-то есть для этого.
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
что то прямо вообще печаль блин
источник

A

Aleksandr in Nuxt.js — русскоговорящее сообщество
Добрый вечер. А кто юзает beardcrumbs в nuxt? Может есть готовые решения?
источник
2019 December 01

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
нет и никогда не будет, эта штука сильно зависит от реализации проекта
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
Aleksandr
Добрый вечер. А кто юзает beardcrumbs в nuxt? Может есть готовые решения?
Ты сможешь использовать его только если используешь nested routes https://ru.nuxtjs.org/guide/nested-routes/

Тогда у тебя у this.$route будет массив найденых маршрутов. Ты их сможешь использовать например с тем же b-breadcrumb от bootstrap-vue
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
Я же не использую nested,строю дерево сам из роутов налету. Вообщем и так и так можно
источник

AL

Alex L in Nuxt.js — русскоговорящее сообщество
Привет, насколько плохая практика в сторе сохранять пустые объекты либо объекты с пустыми полями как плейсхолдеры?
типа
user: {
   name: null,
   avatar: null,
   email: null
}

вместо просто user: null? Или есть другой способ вставить в темплейт что-то вроде <div>Hello, {{ user.name }}</div> и не получить в ответ ругань типа cannot read property 'name' of null?
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Alex L
Привет, насколько плохая практика в сторе сохранять пустые объекты либо объекты с пустыми полями как плейсхолдеры?
типа
user: {
   name: null,
   avatar: null,
   email: null
}

вместо просто user: null? Или есть другой способ вставить в темплейт что-то вроде <div>Hello, {{ user.name }}</div> и не получить в ответ ругань типа cannot read property 'name' of null?
Задайте себе вопрос имеет ли смысл выводить user.name когда user пустой
источник