Size: a a a

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

2020 July 13

TK

Taras Khvyl in Nuxt.js — русскоговорящее сообщество
хммм, интересно. спасиб
источник

a

azgord in Nuxt.js — русскоговорящее сообщество
Всем привет. вопрос по настройке проекта на сервере. Использую supervisor для запуска проекта. npm start все такое, создается unix.socket все окей. вопросов нету. но если нужно залить изменения делаю npm run build, но изменения не отображаются. Через supervisor перезагружаю, изменения встают, настроено чтобы процессы убивало, но все равно появляются дубли в процессах. сколько раз через супервизор проект запускаю, столько и дублей. Как бы что с этим делать. После npm run build изменения должны сразу отображаться и возможно что то закешировалось и надо очищать? Или делаю что то не так. Подскажите плез заранее спасибо
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
> После npm run build изменения должны сразу отображаться
нет, нужно перезагрузить процесс

> но все равно появляются дубли в процессах
юзай pm2
источник

a

azgord in Nuxt.js — русскоговорящее сообщество
окей, понял спасибо
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Женя
для тех кто сталкивался с проблемой фонт бустинга - эти св-ва помогают его устранить
 -webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
К сожалению только частично
источник

Ж

Женя in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
К сожалению только частично
Мне идеально помогло:
Meta - не помогла
Max-height: 10000000px не помогло, а вот те свойства идеально решили ппоблемму, я уже бился в конвульсиях от безысходности)
источник

TP

Taras Pidvishenny in Nuxt.js — русскоговорящее сообщество
Подскажите может кто сталкивался: в SSR режиме страница не загружается (бесконечная загрузка), но если закоментить компонент, то тогда все ок, в чем может быть проблема? Может ли быть проблема в вебпаке?
источник

DP

Dmitry Petrik in Nuxt.js — русскоговорящее сообщество
Taras Pidvishenny
Подскажите может кто сталкивался: в SSR режиме страница не загружается (бесконечная загрузка), но если закоментить компонент, то тогда все ок, в чем может быть проблема? Может ли быть проблема в вебпаке?
Может в компоненте?
источник

А

Алексей in Nuxt.js — русскоговорящее сообщество
Всем привет! Возможно ли передавать шаблоны вверх к компоненту, а не к тому компоненту, чей slot?
Сложно объяснить, но вот пример:
<v-datatable>
   <slot />
</v-datatable>
Допустим это компонент item-data
Я хочу сделать вот так:
<item-data>
   <template v-slot:item="{item}"
   </template>
</item-data>
Чтобы этот шаблон принадлежал не item-data, а v-datatable.
Аналог без слотов был бы такой:
<v-datatable>
   <template v-slot:item="{item}"
   </template>
</v-datatable>
Делаю рефактор, и хочется избежать одного большого компонента, который составляет 80 % приложения, хочется шаблоны распределить по компонентам.
Такое возможно?
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Алексей
Всем привет! Возможно ли передавать шаблоны вверх к компоненту, а не к тому компоненту, чей slot?
Сложно объяснить, но вот пример:
<v-datatable>
   <slot />
</v-datatable>
Допустим это компонент item-data
Я хочу сделать вот так:
<item-data>
   <template v-slot:item="{item}"
   </template>
</item-data>
Чтобы этот шаблон принадлежал не item-data, а v-datatable.
Аналог без слотов был бы такой:
<v-datatable>
   <template v-slot:item="{item}"
   </template>
</v-datatable>
Делаю рефактор, и хочется избежать одного большого компонента, который составляет 80 % приложения, хочется шаблоны распределить по компонентам.
Такое возможно?
Если <item-data> представляет из себя просто <slot :item="item"/> то почему бы и нет?
источник

А

Алексей in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
Если <item-data> представляет из себя просто <slot :item="item"/> то почему бы и нет?
item-data это однофайловый компонент, я просто упрощенный пример привел. В нем есть default slot, и мне нужно через этот slot как бы передать шаблоны на уровень выше (чтобы были named templates не для item-data, а для v-datatable).
Могу показать в самом коде, но там все сложнее
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Алексей
item-data это однофайловый компонент, я просто упрощенный пример привел. В нем есть default slot, и мне нужно через этот slot как бы передать шаблоны на уровень выше (чтобы были named templates не для item-data, а для v-datatable).
Могу показать в самом коде, но там все сложнее
Именованные слоты наверх нельзя передать
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Перепишите на provide\inject, это лучшее что тут можно сделать
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Пусть родитель предоставит методы setData, а <item-data> уже их использует
источник

А

Алексей in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
Перепишите на provide\inject, это лучшее что тут можно сделать
Спасибо, посмотрю! v-datatable это из vuetify, просто пытаюсь для некоторых полей делать кастомные шаблоны, но они нужны лишь в нескольких страницах. Компонент на 700+ строчек это не нормально, вот и переписываю (:
источник

D

DreaMinder in Nuxt.js — русскоговорящее сообщество
Для тех кто юзает Netlify: https://dev.to/mornir/faster-deploys-with-nuxt-22hi
источник

А

Алексей in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
Пусть родитель предоставит методы setData, а <item-data> уже их использует
А если нет возможности изменить компонент (vuetify), то как тогда?
Наверное, лучше опишу подробнее.
У меня есть компонент ItemData, это настраиваемый v-datatable с разными видами ввода данных, с шаблонами рендера под разные данные, в общем, шаблон для кастомизации. И почти в каждой странице он используется, туда просто передаются разные headers с настройками. Иногда некоторые поля надо отобразить иначе, поэтому использую шаблон из vuetify (v-slot:item.itemname=...). Но шаблоны редко используются на всех страницах, поэтому я и подумал, что лучше бы некоторые из шаблонов определять на нужных страницах.
источник

А

Алексей in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
Пусть родитель предоставит методы setData, а <item-data> уже их использует
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Алексей
А если нет возможности изменить компонент (vuetify), то как тогда?
Наверное, лучше опишу подробнее.
У меня есть компонент ItemData, это настраиваемый v-datatable с разными видами ввода данных, с шаблонами рендера под разные данные, в общем, шаблон для кастомизации. И почти в каждой странице он используется, туда просто передаются разные headers с настройками. Иногда некоторые поля надо отобразить иначе, поэтому использую шаблон из vuetify (v-slot:item.itemname=...). Но шаблоны редко используются на всех страницах, поэтому я и подумал, что лучше бы некоторые из шаблонов определять на нужных страницах.
Всё что приходит на ум это обернуть этот компонент в рендер-функцию.
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
И скомбинировать с подходом provide\inject
источник