Size: a a a

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

2020 December 23

KG

Kirill Galimov in Nuxt.js — русскоговорящее сообщество
Подскажите, как <img src="@/assets/images/example.png" /> подобным образом указывать пути к картинке?
источник

KG

Kirill Galimov in Nuxt.js — русскоговорящее сообщество
То есть через @
источник

AS

Alexandr Sachishin in Nuxt.js — русскоговорящее сообщество
я добавлял картинки в папку static и делал такой путь
<img :src="'/svg-icons/' + mark.icon + '.svg'" alt="img" />
источник

AS

Alexandr Sachishin in Nuxt.js — русскоговорящее сообщество
если в статике то не нужно @/assets
источник

АН

Андрей Назаров... in Nuxt.js — русскоговорящее сообщество
коллеги, а вы в курсе каким образом работает redirect в плагинах?
получается что если делать redirect в плагине то после этого все равно выполняются все остальные плагины после него?
источник

АН

Андрей Назаров... in Nuxt.js — русскоговорящее сообщество
кажется это както странно
источник

АН

Андрей Назаров... in Nuxt.js — русскоговорящее сообщество
можно както остановить это?)
источник

EV

Evgeny V in Nuxt.js — русскоговорящее сообщество
Андрей Назаров
можно както остановить это?)
После редиректа return пропиши
источник

АН

Андрей Назаров... in Nuxt.js — русскоговорящее сообщество
не помогает
источник

EV

Evgeny V in Nuxt.js — русскоговорящее сообщество
Андрей Назаров
не помогает
Я не так понял, типо если редирект прекратить загрузку других плагинов, хз как
источник

АН

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

АН

Андрей Назаров... in Nuxt.js — русскоговорящее сообщество
плагины выполняются все
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
Андрей Назаров
коллеги, а вы в курсе каким образом работает redirect в плагинах?
получается что если делать redirect в плагине то после этого все равно выполняются все остальные плагины после него?
по моему никак, цепочка плагинов в любом случае выполнится. А какой смысл в плагине делать редирект?
источник

EV

Evgeny V in Nuxt.js — русскоговорящее сообщество
Сделай глобальный флаг и проверяй в плагинах где надо return делай
источник

СР

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество
Evgeny V
Сделай глобальный флаг и проверяй в плагинах где надо return делай
причем тут return? Андрею необходимо как-то прервать цепочку плагинов (если я правильно, конечно понял). Тут разве что как-то заюзать extendPlugins в конфиге
источник

A

Aleksey R. in Nuxt.js — русскоговорящее сообщество
Друзья, а вот еще такой впоросик. У меня есть конструкция v-if и v-else для ссылок Вход, Регистрация и Выход.

Вход и регистрация всегда видны, если пользователь не авторизован, а если авторизован, то он видит только кнопку Выход.

Проверяется все через this.$auth.loggedIn соответственно.

Выглядит так:

<span v-if="loggedIn"><nuxt-link class="btn btn-outline-light mr-2" to="/signout">Выход</nuxt-link></span>
<span v-else>
       <nuxt-link class="btn btn-outline-light mr-2" to="/signin">Вход</nuxt-link>
       <nuxt-link class="btn btn-outline-light mr-2" to="/signup">Регистрация</nuxt-link>
</span>


/signout">Выход</nuxt-link></span>
<span v-else>
       <nuxt-link class="btn btn-outline-light mr-2" to="/signin">Вход</nuxt-link>
       <nuxt-link class="btn btn-outline-light mr-2" to="/signup">Регистрация</nuxt-link>
</span>


И все нормально работает, но при обновлении страницы эти кнопки промелькивают на долю секунды и даже если очень ухитриться, то можно успеть нажать по кнопке, которая должна быть скрыта.

Подскажите, так и должно быть или я что-то делаю неправильно значит?
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
Aleksey R.
Друзья, а вот еще такой впоросик. У меня есть конструкция v-if и v-else для ссылок Вход, Регистрация и Выход.

Вход и регистрация всегда видны, если пользователь не авторизован, а если авторизован, то он видит только кнопку Выход.

Проверяется все через this.$auth.loggedIn соответственно.

Выглядит так:

<span v-if="loggedIn"><nuxt-link class="btn btn-outline-light mr-2" to="/signout">Выход</nuxt-link></span>
<span v-else>
       <nuxt-link class="btn btn-outline-light mr-2" to="/signin">Вход</nuxt-link>
       <nuxt-link class="btn btn-outline-light mr-2" to="/signup">Регистрация</nuxt-link>
</span>


/signout">Выход</nuxt-link></span>
<span v-else>
       <nuxt-link class="btn btn-outline-light mr-2" to="/signin">Вход</nuxt-link>
       <nuxt-link class="btn btn-outline-light mr-2" to="/signup">Регистрация</nuxt-link>
</span>


И все нормально работает, но при обновлении страницы эти кнопки промелькивают на долю секунды и даже если очень ухитриться, то можно успеть нажать по кнопке, которая должна быть скрыта.

Подскажите, так и должно быть или я что-то делаю неправильно значит?
оберни их в <client-only>
источник

A

Aleksey R. in Nuxt.js — русскоговорящее сообщество
DreaMinder
оберни их в <client-only>
все равно проскальзывает, только теперь очень быстро, что невозможно понять что там. Но так явно лучше.
источник

A

Aleksey R. in Nuxt.js — русскоговорящее сообщество
Спасибо большое.
источник

A

Aleksey R. in Nuxt.js — русскоговорящее сообщество
Aleksey R.
все равно проскальзывает, только теперь очень быстро, что невозможно понять что там. Но так явно лучше.
а хотя нет, не проскальзывает. Просто очень быстрая смена элементов и так кажется.
источник