Друзья, а в vue-meta как обратиться к свойству объкта data?

Ваще хз, но вроде там можно указать функцию и в ней будет доступен this

пробовал так: metaInfo: () => { return { title: this.title, } }

но он чет Undefined поставляет

Блэн опять просраный контекст

Ну скоко можно ребята

пробовал так: metaInfo: () => { return { title: this.title, } }

Стрелочная функция не имеет своего this

точняк, сорян.

ребята, а подскажите ещё такой вопрос. у меня есть страницы Page. И при переходе с одной страницы на другую данные не подгружаются. Я так понял, потому что загрузка у меня на хук created повешена. На какой хук её нужно повесить, чтобы она осуществлялась каждый переход?

В хуке какого компонента у тебя щас?

Page

Т.е. в компоненте каждой страницы?

created: function() { this.load(); }

как то так

Или в главном, где лежит <router-view/>?

это один компонент, со своим title и body

короче, чтобы было понятно, это компонент отвечающий за рендеринг информационных страниц: Контакты, О нас, и т.д.

Короче запили codesandbox.io мне лень телепатически пытаться понять где у тебя что

Хм

:key="$route"

Надо на page повешат

Тогда он будет пересоздаваться каждый раз

Ну это если у тебя роут обновляется, типа с /route на /route?something=value

ну я знаю что это можно через роутер разрулить. beforeUpdate или как там хук.

а именно хук жизненного цикла компонента нету такого, который роутер дергает или обновляет?

а, нашел мой кейс в доке к роутеру: created () { // запрашиваем данные когда реактивное представление уже создано this.fetchData() }, watch: { // в случае изменения маршрута запрашиваем данные вновь '$route': 'fetchData' },

Если сделать как Иван сказал, то created будет вызываться при каждом обновлении роута

кто знает, почему в vue дебаггере двоится приложение?

кто знает, почему в vue дебаггере двоится приложение?

Ват

:key="$route"

Только $route.fullPath же ж

А, ну да

Ват

открываю vue devtools и вижу там приложение дважды. root > app > ... root > app > ...

В ключ объекты пихать вью ругается

открываю vue devtools и вижу там приложение дважды. root > app > ... root > app > ...

Глюк мб

Блин

открываю vue devtools и вижу там приложение дважды. root > app > ... root > app > ...

какойто компонент дергает root или создает новый экз

точно помню что про такой баг уже говорили здесь

открываю vue devtools и вижу там приложение дважды. root > app > ... root > app > ...

Транзишны юзаешь?

Транзишны юзаешь?

неа, не юзаю

какойто компонент дергает root или создает новый экз

в доме вижу только один

неа, не юзаю

А ssr?

вообще это действительно глюк, потому что это случается время от времени

но вот что его вызывает никак понять не могу

Там именно у девтулзов такое случалось у кого-то

Но как решили не помню

А ssr?

неа, нету

Тогда ваще хз

А ssr?

это никак не при чем

https://github.com/vuejs/vue-devtools/issues/645

я такую херню видел когда элементы перемещают по дому обычными методами не вуешными. датапикеры и прочие так делают

Оно?

Оно?

да!

Решения там нет)

короче, чтобы было понятно, это компонент отвечающий за рендеринг информационных страниц: Контакты, О нас, и т.д.

а если router.beforecreated?

Решения там нет)

Решение — ждать фикса) ну или помочь его запилить

Походу, они впилили в 4.1.4 вот это https://github.com/vuejs/vue-devtools/pull/637

Верующие

И вместо потери дерева стали его дублировать)

кто-нибудь использовал materializecss?

какой плагин может такой функционал обеспечить? http://joxi.ru/E2pVqw9u9Zl47r в awesome-vue ничего не нахожу

типо форматирование текста

типо форматирование текста

на осом-вью поищи Rich Text Editing

на осом-вью поищи Rich Text Editing

нашла, спс!!!

!!!!

типо форматирование текста

я юзал https://github.com/davidroyer/vue2-editor мне норм

ERROR: S client not available

я юзал https://github.com/davidroyer/vue2-editor мне норм

спасибо!

ребятки, а подскажите такой момент. Есть у меня компонент Page, и внутри него рендерятся другие кастомные компоненты. У них у всех одинаковая структура, сначала идет эдакая шапка с заголовком, а чуть ниже контент. Так вот, как-то можно сделать так, чтобы я в каждом дочернем компоненте не дублировал эту шапку?

все это рендерится через router-view, только содержимое шапки нужно менять всегда. через слоты думал, но не знаю как подступится

суть такая: Page --> AboutUs Page --> ContactUs Page --> History

а что не так со слотами?

Я не могу понять, как вложить компонент правильно. Вот смотри, по сути дочерний компонент определяет то, что выводить в шапке родительского..

я конечно мог бы скопипастить эту шапку.

в три компонента, и не парится.

но тогда это не похоже на развитие(

ну я просто определяю некий pageLayout и каждая страница по сути хранит в себе конфиг для этого layout.

хз мож не правильно

ну это как раз про то о чем ты говоришь. когда дочерний компонент менят внешний вид родительского

а, погоди, там что-то было с named router-view...

хотя это тоже не совсем то, получается что каждую страницу (AboutUs, ContactUs) придется разбивать на два компонента и два файла?(

всем привет. написал сайт. задеплоил его на nginx сервер. Теперь внесли изменения и я там часть переделал. Вопрос: каждый раз мне придется делать npm run build и перезаливать файлы или есть какой то выход из ситуации?

А почему бы не менять заголовок относительно $route.name? @heavycharged

А почему бы не менять заголовок относительно $route.name? @heavycharged

если бы проблема была только в route.name, там ещё контент, а это отрендеренный html. но я кажется понял как сделать..

всем привет. написал сайт. задеплоил его на nginx сервер. Теперь внесли изменения и я там часть переделал. Вопрос: каждый раз мне придется делать npm run build и перезаливать файлы или есть какой то выход из ситуации?

Да, придется

никто не сталкивался с такой ошибкой при компиляции компонента vue ?

Но можно прикрутить CI, что б он по пушу в гит сам все это делал

никто не сталкивался с такой ошибкой при компиляции компонента vue ?

Какой?

Хм

как буд то бабель не хочет его пропускать через себя

Куда-то не туда ты экспорт написал

хотя он есть

Покажи код компонента

Можно даже тупо скрином

сек

самый просто для теста