Поэтому не имеет значения)0)

Расфорсили ярн

во всяком случае на 8 ноде у меня ярн работает в отлиаи от 5го нпм

Ребята подскажите, кто сталкивался: есть такой вывод: <td>{{ (foo.bar | myFilter) || '(no data)' }}</td> ну и в общем оно так не рабоает: [Vue warn]: Property or method "myFilter" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option.

данные приходят от сервера, иногда bar есть, а иногда его нет и это нормально

Ну ошибка то в другом

Он фильтра не видит

Видит, там где свойство есть все нормально срабатывает

в другой колонке вообще такая проверка не нужна и просто применяется фильтр и все тоже работает

в другой колонке вообще такая проверка не нужна и просто применяется фильтр и все тоже работает

пили код на фиддл

Тогда покажите тестовый пример

+1

Please wait, your request is processing

@c01nd01r @xanf_ua https://codepen.io/GZep/pen/MoQyPW

@c01nd01r @xanf_ua https://codepen.io/GZep/pen/MoQyPW

наверное потому что Cannot read property 'toUpperCase' of null ? Фильтр падает и вуй выкидывает стандартный эррор

врядли... сори не написал в примере, но в реальном коде такая проверка в фильтре стоит: if (!value) { return null; }

думаю можно вызывать так: {{ foo.bar | filterA('(empty)') }} но просто уже интересно, почему то как сейчас сделано не работает и вываливается ворнинг

{{ item.bar2 || '(empty)' | myFilter }}

Как вариант, если я правильно понял, что вы хотите сделать

{{ item.bar2 || '(empty)' | myFilter }}

Поняли правильно, но так фильтр будет применяться к строке '(empty)'

v-if=item.bar2 ?

v-if=item.bar2 ?

Да, спасибо. Но как решение мне больше нравится передача в фильтр второго аргумена - что выводить при null

Получается вот такая render функция: _c('td', [_v(_s((item.bar2 | myFilter) || '(empty)'))]) На счет скобок не уверен

а должно быть что-то вроде _f("myFilter")(item.bar1)

кто с element-ui дружен?

у лоадинга не могу понять как присвоить customClass

http://element.eleme.io/#/en-US/component/loading

а должно быть что-то вроде _f("myFilter")(item.bar1)

то есть неправильно vue компилирует?

http://element.eleme.io/#/en-US/component/loading

Нужен метод

Который делает return

С названием класса

Получается вот такая render функция: _c('td', [_v(_s((item.bar2 | myFilter) || '(empty)'))]) На счет скобок не уверен

имхо, не оч приятно читать такое потом

В виде string

значит директивой не варик?

имхо, не оч приятно читать такое потом

в смысле?

значит директивой не варик?

Если ты перепробовал все варианты, я полагаю осталось через метод

попробовал, жаль

Когда я хотел класс столбцу таблицы присвоить, требовалось ссылаться на метод

попробовал, жаль

А что не устраивает?

Да, спасибо. Но как решение мне больше нравится передача в фильтр второго аргумена - что выводить при null

передавайте {{ {obj} | filter }} и уже в фильтре все проверки

есть родительский компонент с лоадером, и есть дочерний компонент с другим лоадером, так вот класс у них один, что не есть гуд

вот как раз у родителя и хотелось бы поменять, но this.$loader сработает и на дочку

пока что решил обёрткой и каскадом

Поняли правильно, но так фильтр будет применяться к строке '(empty)'

https://codepen.io/vskrsl/pen/mwXEwv

передавайте {{ {obj} | filter }} и уже в фильтре все проверки

Да, спасибо именно так и делаю: <td>{{ foo.bar | filter('(never happend)') }}</td>

Ооо костылики

)

https://codepen.io/vskrsl/pen/mwXEwv

Нет. Такой способ передачи второго аргумента неправильный, смотрите доки и мое предыдущее сообщение.

вот как раз у родителя и хотелось бы поменять, но this.$loader сработает и на дочку

Не совсем понял, если лоадеры у каждого компонента свой, то каждый независимо работает, и вроде норм. Или ты имеешь ввиду когда лоадер родителя активизируется, то дочка тоже становится активной?

нет, нужен только кастомный стиль

у родительского

у родительского

Я оказывается про другой лоадер говорил

:customClass :custom-class Пробовал?

ага

Парни, кто-нибудь юзал http://monterail.github.io/vue-multiselect ?

А есть какой то способ на клиенте сгенерить гарантированно уникальный uid ?

uuid

сорри. мало этого ;)

uuid+uuid

Math.random().toString(36).substr(2, 9);

Math.random().toString(36).substr(2, 9);

всегда так делаю, кстати

сорри. мало этого ;)

В смысле мало?

я это давно где-то увидел и теперь тож юзаю

16 знаков

в смысле непонятно. это браузерная фича или vue?

Это npm модуль и заодно стандарт

ERROR: S client not available

а, ок. так лучше

А есть какой то способ на клиенте сгенерить гарантированно уникальный uid ?

https://www.random.org/ гарантированно уникальный

Неа

Гарантированно случайный, а не уникальный

да, точно, сорян

ну uuid тогда тож не гарантированно уникальный же

В рамках клиента гарантированно

погодите, так чо мне в рамках клиента

у меня много клиентов. мне этот уид нужен на сервер слать

https://ru.m.wikipedia.org/wiki/UUID

Читать до просветления

у меня много клиентов. мне этот уид нужен на сервер слать

не уверен что хватит клиентов, чтоб повторился uuid

если повторится - скупай все лотерейные билеты какие найдёшь :)

у меня много клиентов. мне этот уид нужен на сервер слать

почему на сервере не генерировать?

А зачем сервер этим напрягать

почему на сервере не генерировать?

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

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

А зачем сервер этим напрягать

machines must suffer

Да, буду на сервере

всем привет! такая проблема возникла, есть список комментариев отрендеренных через v-for, у каждого комментария есть дополнительно кнопки ответить и цитировать, при клике на ответить - должно появляться поле ввода ниже комментария на который кликнули. не подскажете наиболее подходящий способ как это сделать?

я конечно могу влезть в DOM и ориентируясь на id комента вставлять поле ввода

комментарий отдельным компонентом?

всем привет! такая проблема возникла, есть список комментариев отрендеренных через v-for, у каждого комментария есть дополнительно кнопки ответить и цитировать, при клике на ответить - должно появляться поле ввода ниже комментария на который кликнули. не подскажете наиболее подходящий способ как это сделать?

дочерний компонент

комментарий отдельным компонентом?

да

дочерний компонент

хм, интересно

ну тогда внутри него добавить блок с v-if, содержащий форму ответа

<input type="text" v-if="comments[index]"/>

ты переживаешь что форма ответа будет рендериться как бы на каждый коммент? так не будет, v-if не делает скрытый блок, он просто его пропускает

другое дело v-show

я это давно где-то увидел и теперь тож юзаю

на стаковерфлоу

в смысле непонятно. это браузерная фича или vue?

омг

нет чтобы загуглить