Не должно быть такого

Это кто выдает?

webpack

@alex_sokolov а сразу же в инпуте можно фильтр применить ( который глобально установлен), при вводе телефона?

Вью корректно обрабатывает множественные атрибуты, мерджит классы

Вью корректно обрабатывает множественные атрибуты, мерджит классы

Ну да. Что-то у меня не так со сборкой, похоже(

@mr_alexej можно еще вот так :class="[addCLass, addClass2]"

@mr_alexej можно еще вот так :class="[addCLass, addClass2]"

у меня так и было) Там надо в зависимости от значений назначать класс, использовал тернарные операторы. Странно.

@alex_sokolov а сразу же в инпуте можно фильтр применить ( который глобально установлен), при вводе телефона?

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

А что, биндить класс несколькими тернарными нельзя? Ошибку даёт: :class="[addClass, loading ? 'loading' : '', success ? 'btn-success : '']"

Как же это херово выглядит

Всем привет, не могу понять делаю как написано, даже в тупую копипаст сделал не работают фильтры через v-model="phone | formatPhone" https://012.vuejs.org/guide/custom-filter.html#Two-way_Filters. в консоле написано [Vue warn]: Property or method "formatPhone" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. Куда смотреть надо?

https://ru.vuejs.org/v2/guide/filters.html

@alex_sokolov вот как раз в биндингах и не получается при глобальном фильтре с инпутом, чтобы в нем сразу рендерилось что вводишь.

Ошибки в консоли?

@alex_sokolov `[Vue warn]: Property or method "formatPhone" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.`

Ты код закешь

все что мне консоль пишет

Фильтр глобально как подключаете? Пример сделайте

Vue.filter('formatPhone', (formatPhone) => { if (!formatPhone) { return ''; } return formatPhone.replace(/[^0-9]/g, '').replace(/(\d{1})(\d{3})(\d{3})(\d{2})(\d{2})/, '$1 ($2) $3-$4-$5'); }); —--------------- in html <input name="phone" type="text" v-model="phone | formatPhone">

либо если v-bind использовать вообще ошибку выдает, а внутри фигурных скобках все работает

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

А версию вью какая?

Ну в v-model оно и не может работать

@amareis v2.5.15

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

:value="phone | formatPhone"

@input="phone = formatPhone($event.target.value)"

Но вот насчет такого вызова фильтра я не уверен ваще ни разу

- :value="phone | formatPhone" conflicts with v-model on the same element because the latter already expands to a value binding internally

v-model убери

@alex_sokolov @amareis спасибо, парни.

@amareis @alex_sokolov спасибо за ответы, поиграюсь, поизучаю еще, пока не получается))

@amareis @alex_sokolov спасибо за ответы, поиграюсь, поизучаю еще, пока не получается))

Я тебе говорю, v-model с элемента убери вообще

То что я написал с :value и @input это и есть прямая замена v-model

Я убрал пока просто не сработало

Два варианта

Либо навешиваешь внешний класс, у которого есть > input {text-align: center} (что не оч хорошо, потому что предполагает знание внутреннего устройства компонента

Либо добавляешь пропс center или типа того

Лучше идти вторым путем, конечно

А как насчёт использования slot и slot-scope? Или это уже извращения?)

А зачем?

Это обычно когда контент менять надо

@amareis спасибо, сработало @input="phone = $event.target.value" :value="phone | formatPhone"

Исчоп

выглядит дико конечно)

По которому можно отследить все случаи, когда мне говорили "спасибо, сработало"

выглядит дико конечно)

Нет, именно в такую штуку и раскрывается v-model

v-model было бы красивее)

Ну да, но оно с фильтрами не умеет работать

Можно сделать кастомную директиву, которая такое обрабатывает

аля v-model.someFilter?

@HawkeyePierce89 Компонент обычно должен зависеть от своих пропсов

@amareis да это хорошая идея директиву сделать

В реакте есть еще контекст для подобных штук, но он кагбэ для более глобальных вещей

В твоем случае это точно должен быть пропс

аля v-model.someFilter?

Ну или v-filter-model скорее

да-да

точно

Вообще, можно попробовать тикет во вью закинуть. Или там наоборот выпилили фильтры из моделей?

раньше через v-model работало

Хотя кстати v-model.withFilter был бы удобней, конечно

в aurelia.js есть двусторонние фильтры, где описывается фильтр для вывода и фильтр для установки значения

Ну для v-model это не имеет особого смысла

почему нет?

Хотя нет, имеет так-то

хоть trim тот же самый делать или к определённому формату приводить

@RemRyahirev это тоже было и вроде как работает, не пробовал сейчас https://vuejs.org/v2/guide/migration.html#Two-Way-Filters-replaced

Коллеги, привет! Есть 2 компонента. Первый - общая таблица, где в определенной ячейке используется второй компонент через другой компонент. Второй компонент с первым связан через несколько компонентов (второй примерно предок 4-5го уровня). Вторых компонентов используется столько , сколько строчек в таблице (порядка 100). Нужно из родителя передать данные в дочерний компонент. Как вариант такой this.$bus.$emit('row_'+row.id, data), а в дочернем соответсвенно this.$bus.$on('row_'+row.id,function(){..})? не будет ли много брать памяти и ресурсов эта прослушка событий? Т.е. порядка 100 прослушивателей будет.

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

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

вот это имел ввиду Второй компонент с первым связан через несколько компонентов (второй примерно предок 4-5го уровня).

господа а не подскажите, как на Vue можно вычитывать переменные с файла .env ?

господа а не подскажите, как на Vue можно вычитывать переменные с файла .env ?

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

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

а как тогда наапример организовать хранилище для глобальных переменных, только Vuex?

а как тогда наапример организовать хранилище для глобальных переменных, только Vuex?

да как угодно, можешь в window пихать

да как угодно, можешь в window пихать

как угодно не надо, надо как правильно

Если нужна реактивность, то только стор адекватный вариант

Ну если спа, то ещё в руте можно хранить

как угодно не надо, надо как правильно

Ну vuex явно не для хранения глобальных переменных. https://stackoverflow.com/questions/37367588/what-is-the-best-way-to-declare-global-variable-in-vue-js

бь 4р

Ну vuex явно не для хранения глобальных переменных. https://stackoverflow.com/questions/37367588/what-is-the-best-way-to-declare-global-variable-in-vue-js

сенкс, а пихать в прототип? Vue.prototype.$appName = 'My App'

вот это имел ввиду Второй компонент с первым связан через несколько компонентов (второй примерно предок 4-5го уровня).

да все норм, ты не подумай, просто понравилось предложение )))