в mounted
а искать как? так же при стандартном использовагии? просто я боюсь что он найдет элементы не только внтури шаблона, а на всей странице
Alexander
Michael
цена им 0, а жкери весит эксабайт
Tom
Michael
Alexander
https://selectize.github.io/selectize.js/
Stanislav
а искать как? так же при стандартном использовагии? просто я боюсь что он найдет элементы не только внтури шаблона, а на всей странице
А зачем тебе на всей странице? Инкапсулируй jq внутри компонента
Michael
И жквери
Michael
чем querySelector yне угодил?
Evgheni
А зачем тебе на всей странице? Инкапсулируй jq внутри компонента
а один фиг, он может из jquery по всей странице пройтись даже с компонента
Michael
он бы ещё ангулар присобачил на ремне, когда есть чуть получше компонент какой-то ангулярный
Michael
ну там
Michael
цвет
Michael
белее
Stanislav
Я шас не про то, что может, а как менее безболезненно сделать
Alexander
зачем тебе селектизе?
тяжелое наследие, работает на всем проекте. и какие у него альтернативы? я не нашел что то подобное на вуе
Michael
Michael
Stanislav
тяжелое наследие, работает на всем проекте. и какие у него альтернативы? я не нашел что то подобное на вуе
https://vue-multiselect.js.org/
Michael
везде потихоньку отсоединяешь эту шнягу, заменяя вот этим вот и вью.
Michael
ну сам селектайз же не заработает без жеквери?
выше скинули варианты на чистом вью. Они есть всегда, кстати.
Michael
а когда нет, а всем может пригодиться, кидай сюда идеи -- кто-нибудь запилит. Если не всем, -- пили сам: оно выгоднее, чем жкери.
Michael
Ксати, если жкери плагин небольшой, то жкери от него отсоединяется в пределах часа
Alexander
ок, спасибо. посмотрю как его можно засунуть будет
Alexander
а вообще можно как нибудь пометить елемент чтобы его потом использовать, типа как ref в реакте?
Stanislav
а вообще можно как нибудь пометить елемент чтобы его потом использовать, типа как ref в реакте?
Внезапно, во вью есть ref
Alexey
привет! я в вуе первый день)
пилю плагин для inputmask. Хочу сделать, чтобы можно было использовать вместе с другими плагинами, например автокомплитом или дейтпикером.
В реакте делается через миксины/high order components
В ангуляре директивой
В вуе не понял как. Директивы топорные. Компоненты не компонуемые в моем случае или не понял как. Чуваки советуют имитировать input-event, чо за беспредел? Сделал директивой: https://github.com/uNmAnNeR/imaskjs/blob/gh-pages/plugins/vue/src/imask.directive.js но в шоке от всего. Как лучше сделать?
Аліса 🏳🌈 Байрактарқызы
Существует ли какая-нибудь толковая реализация frosted glass?
Stanislav
Alexey
Спасибо, старался)
Alexey
а как правильно сделать связь с моделью? композицию обработчиков ввода? Все таки события ввода имитировать?
Roman
axios.get('/user?ID=12345')
.then(function (response) {
let id = response.user.id
})
.then(function (response) {
console.log( id);
});
не подскажете как во втором блоке .then получить переменную id ?
Stanislav
а как правильно сделать связь с моделью? композицию обработчиков ввода? Все таки события ввода имитировать?
Если брать по аналогии с плагином для реакта
mounted() {
this.maskRef = new IMask(this.$ref.input, options)
.on('accept', () => this.$emit('accept', mask.value))
.on('complete', () => this.$emit('complete', mask.value));
}
Использование в родительском компоненте:
<input-mask @complete="handleMaskInput"/>
Stanislav
* но я бы unmasked отправлял.
Или сделать дополнительные события.
Alexander
а методы из methods можно использовать в блоке data? а то у меня вуе что то ругается и говорит что такого метода нет
Stanislav
Stanislav
Спасибо, старался)
Слушай, а средствами api маски можно сделать, чтоб definition символы работали внутри {} ?
Например, 7{(000)}-000-00-00.
А приходится делать 7{(}000{)}-000-00-00
Alexander
а если я хочу чтобы у меня в классе были и статитческие имена и имена переменных, это как лучше сделать?
Alexander
`a b c #{var}`
вот типа того, но внутри вуе
Alexander
а, может я не так выразился. класс имеется ввиду цсс
Alexander
Хочешь переменные в css юзать?
да, нашел вот такое <div :class="[classA, classB]"></div> но тут чисто жс объкты, а мне надо и простых классов сюда добавить
Stanislav
Alexander
img :src="'/path/to/images/' + fileName">
вот это ща попробую
Michael
img :src="'/path/to/images/' + fileName">
вот это ща попробую
:любойАтрибутСДвоеточиевСлева="любой JS-выражение, автоподвязываемое к this"
Michael
Дальше уже js курить, а не вью.
Alexey
Roman
<my-component ref="mycomp"/>
this.$refs.mycomp.someMethod // undefined
почему undefined то? someMethod в компоненте имеется
Michael
если я не совсем того, рефы нужны для ссылок на ДОМ
Michael
а не объекты компонентов
Stanislav
Надо подумать
У меня тут такой кейс.
Динамические формы с масками, а в них свои скобки, которые указывают, что символы внутри идут в модель, при этом дефинишн символы должны работать.
Сейчас я это решаю предварительной обработкой строки-маски, как в примере с телефоном выше.
Roman
если я не совсем того, рефы нужны для ссылок на ДОМ
$refs это ссылки на элементы контекста с почененым ref="id"
Roman
но вроде понял в чём дело "clear" почему-то не хочет, видимо reserved
Michael
Не, на компоненты тоже можно
прямо на готовые объекты после маунтед или какие-то промежуточные сущности?
Roman
прямо на готовые объекты после маунтед или какие-то промежуточные сущности?
на конкретные элементы/компоненты
Stanislav
прямо на готовые объекты после маунтед или какие-то промежуточные сущности?
Какие сущности?)
в this.$refs.mycomp будет лежать объект компонента :)
Roman
кстати как поддерживать v-model в своих компонентах?
Michael
Какие сущности?)
в this.$refs.mycomp будет лежать объект компонента :)
получается, до креатед будет что-то, а после -- прям почти готовая штучка?
Roman
получается, до креатед будет что-то, а после -- прям почти готовая штучка?
до created $refs будет пустым, ссылки только в mounted появляются
Stanislav
получается, до креатед будет что-то, а после -- прям почти готовая штучка?
До created, возможно, будет undefined.
Я шас не вспомню где они там в жизненном цикле.
Michael