D
Size: a a a
2020 February 28
P🏂
Хм, не видел такого. А если это динамический компонент? То есть входная точка, компонент для роутинга, на основании того что возвращает бек, динамически подкидывает компонент.
Д
keep-alive?
D
Хм, не видел такого. А если это динамический компонент? То есть входная точка, компонент для роутинга, на основании того что возвращает бек, динамически подкидывает компонент.
<component :key="pathWithoutQuerystring" />
P🏂
@DreaMinder Тоесть если в key я буду отсекать, скажем, все что от урла относится к фильтру. К примеру
1. {page}/ -> мой компонент
2. {page}/bfilter/{params} -> урл с данными фильтра
3. в key() => {page}/bfilter/{params}.replace('bfilter/{params}', '')
4. {page}/ === key() - он будет считать себя тем же компонентом и не будет перезагружаться?
1. {page}/ -> мой компонент
2. {page}/bfilter/{params} -> урл с данными фильтра
3. в key() => {page}/bfilter/{params}.replace('bfilter/{params}', '')
4. {page}/ === key() - он будет считать себя тем же компонентом и не будет перезагружаться?
D
@DreaMinder Тоесть если в key я буду отсекать, скажем, все что от урла относится к фильтру. К примеру
1. {page}/ -> мой компонент
2. {page}/bfilter/{params} -> урл с данными фильтра
3. в key() => {page}/bfilter/{params}.replace('bfilter/{params}', '')
4. {page}/ === key() - он будет считать себя тем же компонентом и не будет перезагружаться?
1. {page}/ -> мой компонент
2. {page}/bfilter/{params} -> урл с данными фильтра
3. в key() => {page}/bfilter/{params}.replace('bfilter/{params}', '')
4. {page}/ === key() - он будет считать себя тем же компонентом и не будет перезагружаться?
да
2020 February 29
r🧬
А что за фича с key?
D
А что за фича с key?
кей меняется - компонент перерендеривается. Не меняется - не перерендеривается
r🧬
кей меняется - компонент перерендеривается. Не меняется - не перерендеривается
При изменении get параметров или хэша полезно?
D
полезно или нет зависит от конкретной ситуации. Но да, управлять перерендером можно в зависимости от урла и хэша
Д
почему при переходе на page c async fetch { await … } фризит страницу пока не отработает fetch?
где я ошибся?
где я ошибся?
АГ
почему при переходе на page c async fetch { await … } фризит страницу пока не отработает fetch?
где я ошибся?
где я ошибся?
Я могу ошибаться, и возможно это уже изменили, но разве возврат промиса в фетч функции не указывает наксту как раз на это? НЕ рендерить страницу до розолва промиса
Д
Я могу ошибаться, и возможно это уже изменили, но разве возврат промиса в фетч функции не указывает наксту как раз на это? НЕ рендерить страницу до розолва промиса
Но это из примера документации
Д
export default {
async asyncData ({ params }) {
const { data } = await axios.get(`https://my-api/posts/${params.id}`)
return { title: data.title }
}
}Д
export default {
async asyncData ({ params }) {
const { data } = await axios.get(`https://my-api/posts/${params.id}`)
return { title: data.title }
}
}Вот это фризит
АГ
Вот это фризит
А что вы ожидаете увидеть на странице, пока эти данные еще не пришли?
Д
Лоадер
Д
Это не по прямой ссылке а при переходе на эту страницу с помощью nuxt-link
Д
Кликаю на ссылку, думает а потом сразу уже полная страница без лоадера
r🧬
Мб кто помнит в какой тебе была такая история «кпд прогеров падает от кол-ва кода и кол-ва прогеров»?