Size: a a a

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

2020 June 17

R

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

BS

Bogdan Saliuk in Nuxt.js — русскоговорящее сообщество
Ra
несколько динамических сегментов в маршруте
всё описывается файловой структурой. Если нужно что-то более - в конфиге
источник

R

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

BS

Bogdan Saliuk in Nuxt.js — русскоговорящее сообщество
Ra
это как раз же для статики, в файловой структоре у меня уже все описано
для статики - generate: { routes() { return routes }}
источник

R

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

BS

Bogdan Saliuk in Nuxt.js — русскоговорящее сообщество
Ra
это как раз же для статики, в файловой структоре у меня уже все описано
источник

BS

Bogdan Saliuk in Nuxt.js — русскоговорящее сообщество
Ra
как мне допустим к существующим разделам через форму создавать подразделы...условно
Ммм... прямо подразделы? Не просто страницу, аки товар?
источник

BS

Bogdan Saliuk in Nuxt.js — русскоговорящее сообщество
а именно роут _r/_t/_p?
источник

R

Ra in Nuxt.js — русскоговорящее сообщество
ну что то вроде, типа Категория > подкатегория > товары > товар
источник

R

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

R

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

BS

Bogdan Saliuk in Nuxt.js — русскоговорящее сообщество
Ra
ну что то вроде, типа Категория > подкатегория > товары > товар
В теории, этот роут генерится на основе данных товара. То есть, ведь ты только создаешь товар. А данные по роуту тебе бекенд даст. Здесь категории, здесь подкатерия. Всё описано в самом товаре.


Другое дело, сама геенрация. Накст так не умеет. именно просто сгенерировать статический файл по изменениям в бд. Здесь только ручками допиливать. Но как бы за этим есть ssr. За этим поднимается сервак накста
источник
2020 June 18

YS

Yura Silanov in Nuxt.js — русскоговорящее сообщество
как на странице в head() указать canonical ?
источник

AN

Artur Nikushev in Nuxt.js — русскоговорящее сообщество
Приветствую! Нужна помощь сообщества, сам долго роюсь в документации, github, stackoverflow, пока не могу найти ответ.

Изначальная задача: делать небольшую обработку содержимого блока <template> в однофайловом компоненте .vue
В частности:
1. Вырезать <!— —> из файла, чтобы можно было, например, заключить в такие комментарии атрибут, который времено не нужно использовать
2. Вырезать перенос строки, если в конце строки есть слеш \ . Удобно, когда нужно добавить или убрать отступ между тегом и текстом.
3. Вырезать строку, если в начале строки есть \\. Удобно комментировать произвольные строки.

Решение казалось бы простое. Мы создаем прокси-функцию для vue-template-compiler
Сделал на примере: https://github.com/vuejs/vue/issues/3934#issuecomment-442163264

Частично отрабатывает. Если создать build, то в папке .nuxt/dist/client все четко. А вот в папке .nuxt/dist/server шаблон без обработки, видимо лоудер не подменяется. Как следствие при загрузке страницы в режиме ssr, в исходном коде страницы шаблон без обработки и уже после загрузки dom дерево пересоздается корректно.

Получается при генерации серверной части кода используется свой конфиг vue-template-compiler? Как его можно переопределить?
Нашел https://nuxtjs.org/api/configuration-render#bundlerenderer -> https://ssr.vuejs.org/api/#renderer-options
Но тут подходящих настроек вроде нет

———

Предполагаю что кто-то скажет, что это плохая затея вмешиваться в компиляцию шаблона. Тогда расскажите как вы комментируете произольные блоки кода в шаблонах? Насколько я понял можно использовать только валидную верстку, вставляя <!— —>. Т.е. нельзя скрыть часть текста внутри открывающего тега (например, какой-нибудь атрибут)

Надеюсь, что решения есть
источник

BS

Bogdan Saliuk in Nuxt.js — русскоговорящее сообщество
Artur Nikushev
Приветствую! Нужна помощь сообщества, сам долго роюсь в документации, github, stackoverflow, пока не могу найти ответ.

Изначальная задача: делать небольшую обработку содержимого блока <template> в однофайловом компоненте .vue
В частности:
1. Вырезать <!— —> из файла, чтобы можно было, например, заключить в такие комментарии атрибут, который времено не нужно использовать
2. Вырезать перенос строки, если в конце строки есть слеш \ . Удобно, когда нужно добавить или убрать отступ между тегом и текстом.
3. Вырезать строку, если в начале строки есть \\. Удобно комментировать произвольные строки.

Решение казалось бы простое. Мы создаем прокси-функцию для vue-template-compiler
Сделал на примере: https://github.com/vuejs/vue/issues/3934#issuecomment-442163264

Частично отрабатывает. Если создать build, то в папке .nuxt/dist/client все четко. А вот в папке .nuxt/dist/server шаблон без обработки, видимо лоудер не подменяется. Как следствие при загрузке страницы в режиме ssr, в исходном коде страницы шаблон без обработки и уже после загрузки dom дерево пересоздается корректно.

Получается при генерации серверной части кода используется свой конфиг vue-template-compiler? Как его можно переопределить?
Нашел https://nuxtjs.org/api/configuration-render#bundlerenderer -> https://ssr.vuejs.org/api/#renderer-options
Но тут подходящих настроек вроде нет

———

Предполагаю что кто-то скажет, что это плохая затея вмешиваться в компиляцию шаблона. Тогда расскажите как вы комментируете произольные блоки кода в шаблонах? Насколько я понял можно использовать только валидную верстку, вставляя <!— —>. Т.е. нельзя скрыть часть текста внутри открывающего тега (например, какой-нибудь атрибут)

Надеюсь, что решения есть
2 пункт - бредовый. У тебя визуал не должен зависеть от того, есть ли переносы строк в хтмл или нет. То есть ориентир вообще на то, что хтмл будет минифицирован и идти одной строкой
источник

BS

Bogdan Saliuk in Nuxt.js — русскоговорящее сообщество
Artur Nikushev
Приветствую! Нужна помощь сообщества, сам долго роюсь в документации, github, stackoverflow, пока не могу найти ответ.

Изначальная задача: делать небольшую обработку содержимого блока <template> в однофайловом компоненте .vue
В частности:
1. Вырезать <!— —> из файла, чтобы можно было, например, заключить в такие комментарии атрибут, который времено не нужно использовать
2. Вырезать перенос строки, если в конце строки есть слеш \ . Удобно, когда нужно добавить или убрать отступ между тегом и текстом.
3. Вырезать строку, если в начале строки есть \\. Удобно комментировать произвольные строки.

Решение казалось бы простое. Мы создаем прокси-функцию для vue-template-compiler
Сделал на примере: https://github.com/vuejs/vue/issues/3934#issuecomment-442163264

Частично отрабатывает. Если создать build, то в папке .nuxt/dist/client все четко. А вот в папке .nuxt/dist/server шаблон без обработки, видимо лоудер не подменяется. Как следствие при загрузке страницы в режиме ssr, в исходном коде страницы шаблон без обработки и уже после загрузки dom дерево пересоздается корректно.

Получается при генерации серверной части кода используется свой конфиг vue-template-compiler? Как его можно переопределить?
Нашел https://nuxtjs.org/api/configuration-render#bundlerenderer -> https://ssr.vuejs.org/api/#renderer-options
Но тут подходящих настроек вроде нет

———

Предполагаю что кто-то скажет, что это плохая затея вмешиваться в компиляцию шаблона. Тогда расскажите как вы комментируете произольные блоки кода в шаблонах? Насколько я понял можно использовать только валидную верстку, вставляя <!— —>. Т.е. нельзя скрыть часть текста внутри открывающего тега (например, какой-нибудь атрибут)

Надеюсь, что решения есть
относительно последнего - то да. Нельзя писать комментарии внутри элемента, то есть между открывающей и закрывающей скобкой. А атрибуты добавляются динамически, проблемы не вижу. Зачем пытаться их комментировать не понимаю
источник

AN

Artur Nikushev in Nuxt.js — русскоговорящее сообщество
Bogdan Saliuk
2 пункт - бредовый. У тебя визуал не должен зависеть от того, есть ли переносы строк в хтмл или нет. То есть ориентир вообще на то, что хтмл будет минифицирован и идти одной строкой
с этим согласен
источник

AN

Artur Nikushev in Nuxt.js — русскоговорящее сообщество
Bogdan Saliuk
относительно последнего - то да. Нельзя писать комментарии внутри элемента, то есть между открывающей и закрывающей скобкой. А атрибуты добавляются динамически, проблемы не вижу. Зачем пытаться их комментировать не понимаю
тут ситуация во время разработки, когда временно нужно функционал отключить. Это могут быть подключенные события, которые например еще не реализованы, или временно отключены.
@click="someMethod"
источник

BS

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

AN

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

например, если мы используем в каком-то атрибуте сразу вызов метода someMethod($event, item)
источник