https://codesandbox.io/s/04l4z45vzp

Понятней не стало. Я не понимаю что значит "подключить по ссылке"

в общем, чтобы у меня там работало

через <script></script> ?

в моём примере по ссылке

да нее

Аа, в примере по ссылке

я создал пример здесь https://codesandbox.io/s/04l4z45vzp.

да))

и нужно, чтобы в нём оно работало

я создал пример здесь https://codesandbox.io/s/04l4z45vzp.

Я потратил 20 минут. Когда я понял в чем дело (криво написанный экспорт с прицелом на использование через <script>), компонент написал мне, что ему нужен клиент для загрузки данных. Когда я посмотрел в доке, как реализуется подключение клиента для загрузки данных, я закрыл браузер. Автор этого компонента написал какую-то хрень, только под свои нужды. Я бы порекомендовал оставить этот компонент и найти другой.

То есть, вы считатее, что ег невозможно завести в вуе?

То есть, вы считатее, что ег невозможно завести в вуе?

Я не говорил, что это не возможно. Я лишь хочу сказать, что плагин написан через жопу и сложно совместим с подключением в *.vue файлах. Нет смысла тратить время на кривые решения.

А что такое Клиент для загрузки данных?

А что такое Клиент для загрузки данных?

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

аа, а где он в самой доке написано, как его ставить?

аа, а где он в самой доке написано, как его ставить?

https://github.com/matfish2/vue-tables-2#custom-request-function

аа, а где он в самой доке написано, как его ставить?

Целая куча таблиц https://github.com/vuejs/awesome-vue#table

@c01nd01r

@c01nd01r

?

не понимаю я как с этим работать -__- все что в watch(){ находится всплывает n^2 раза событие об изменении

3 файла = 9 событий

т.е. 3 элемента в массиве переменной watch.files

Чочо

4 элемента = 16 событий

Kod

не понимаю я как с этим работать -__- все что в watch(){ находится всплывает n^2 раза событие об изменении

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

Ты делаешь чета не так

о, это уже дело говорите. если я массив в data() объявил, а в watch() его отслеживаю, как правильно с ним работать если: 1. я хочу батчить (внести несколько изменений, а событие получить одно) 2. отслеживать изменения не перетиря родительский массив, а дополняя его А задача такая. В приложении есть список документов - при выборе одного документа подгружается список файлов приложенных к нему + Есть компонента загрузки файлов - когда подгружается 1-.. файлов, надо их добавить в список файлов выбранного документа. (я организовал вложенность компонент. app > listDocuments > attaches + fileUpload)

в других фреймворках я это делал простой передачей массива в параметрах и был уверен, что компонента attaches сделает свое дело сама

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

раньше я мог обвесить переменную в Observable и отслеживать изменения дебонсом или по 1 событию за раз - в этом фреймворке такое не работает

о, это уже дело говорите. если я массив в data() объявил, а в watch() его отслеживаю, как правильно с ним работать если: 1. я хочу батчить (внести несколько изменений, а событие получить одно) 2. отслеживать изменения не перетиря родительский массив, а дополняя его А задача такая. В приложении есть список документов - при выборе одного документа подгружается список файлов приложенных к нему + Есть компонента загрузки файлов - когда подгружается 1-.. файлов, надо их добавить в список файлов выбранного документа. (я организовал вложенность компонент. app > listDocuments > attaches + fileUpload)

не юзай watcher, на патче массива емитить свой эвент, ты же на этом моменте спотыкаешься rxjs можно прикрутить, но зачем?

а там может быть и не $emit(smth), а просто метод, который что то делает при патчинге массива

если тебе в рамках компонента патч массива нужно отслеживать

watcher работает как раз таки имено так как и задумано))

<template> <app> <list-documents v-model="files"> <attaches v-model="files"/> <file-upload v-model="files"/> </list-documents> </app> </template> <script> app = new Vue({ data() { return { files: [] } } }); listDoc = new Vue({ props: { value: Array }, data() { return { files: this.value } } }); attaches = new Vue({ props: { value: Array }, data() { return { files: this.value } } }); uploader = new Vue({ props: { value: Array }, data() { return { files: this.value } } });

вот такая штука примерно у меня сейчас

еще вопрос, v-if есть и он для тэгов а для атрибута есть подобное?

<file-upload [{ chunkEnabled? 'chunk-enabled' : '' }]... вроде этого варианта

<template> <app> <list-documents v-model="files"> <attaches v-model="files"/> <file-upload v-model="files"/> </list-documents> </app> </template> <script> app = new Vue({ data() { return { files: [] } } }); listDoc = new Vue({ props: { value: Array }, data() { return { files: this.value } } }); attaches = new Vue({ props: { value: Array }, data() { return { files: this.value } } }); uploader = new Vue({ props: { value: Array }, data() { return { files: this.value } } });

Одинаковые вложенный в-моделы? Почему не скоупед слоты?

Одинаковые вложенный в-моделы? Почему не скоупед слоты?

с этим еще не сталкивался... как это реализовать?

с этим еще не сталкивался... как это реализовать?

В доках есть примеры и описание. Просмотри, мб тебе и не подойдёт

<file-upload [{ chunkEnabled? 'chunk-enabled' : '' }]... вроде этого варианта

значение null или undefined, удаляет тег, насколько я знаю. Попробуй

*атрибут удаляет

this.$scopedSlots.default(rec) - если речь об этом то это в рамках компоненты вроде применимо для шаблонизации узлов (визуализация токмо) опять же если я правильно понял

значение null или undefined, удаляет тег, насколько я знаю. Попробуй мне не тег удалить, а атриббут в нем

Я ниже написал ведь

<file-upload :chunk-enabled="null" сам аттрибут все еще доступен

undefined как?

также. он типа есть, но значение у него вот как присвоено

т.е. даже по el.getAttribute он есть

попробуй v-props

и еще странность, что if (this.chunkEnabled) отрабатывает как true, а вот if (!!this.chunkEnabled) как false

через него можно пропсы объектом передавать

дда, так хорошо, спасибо

Кто-нибудь прикручивал к vue кастомные скроллбары? Есть у vuebar горизонтальный скролл?

<template> <app> <list-documents v-model="files"> <attaches v-model="files"/> <file-upload v-model="files"/> </list-documents> </app> </template> <script> app = new Vue({ data() { return { files: [] } } }); listDoc = new Vue({ props: { value: Array }, data() { return { files: this.value } } }); attaches = new Vue({ props: { value: Array }, data() { return { files: this.value } } }); uploader = new Vue({ props: { value: Array }, data() { return { files: this.value } } });

Wtf???

Кто-нибудь прикручивал к vue кастомные скроллбары? Есть у vuebar горизонтальный скролл?

Не оч понравился. Прикручивать на текстэрию с авторесайзом - боль мучительная

Не оч понравился. Прикручивать на текстэрию с авторесайзом - боль мучительная

Это о vuebar или в целом о кастом скроллах?

Это о vuebar или в целом о кастом скроллах?

о vuebar

Кто-нибудь прикручивал к vue кастомные скроллбары? Есть у vuebar горизонтальный скролл?

Прикручивал, нормас, если нужно кросс браузерный одинаковый скролл - отлично

<template> <app> <list-documents v-model="files"> <attaches v-model="files"/> <file-upload v-model="files"/> </list-documents> </app> </template> <script> app = new Vue({ data() { return { files: [] } } }); listDoc = new Vue({ props: { value: Array }, data() { return { files: this.value } } }); attaches = new Vue({ props: { value: Array }, data() { return { files: this.value } } }); uploader = new Vue({ props: { value: Array }, data() { return { files: this.value } } });

Зачем ты запускаешь 4 инстанса Vue() ? Тебе одного мало?

Прикручивал, нормас, если нужно кросс браузерный одинаковый скролл - отлично

Не нашёл в документации vuebar горизонтальный скролл, может я просто не заметил?

ERROR: S client not available

Не нашёл в документации vuebar горизонтальный скролл, может я просто не заметил?

Sorry, im use v-bar

Sorry, im use v-bar

А у него есть горизонтальный скролл? :D Мне пока что всё равно что прикручивать, положил глаз на vuebar только потому что он zero-dependency

Sorry, im use v-bar

*не работает с нюкстом

vuescroll норм работает с горизонтальным

vuescroll норм работает с горизонтальным

Спасибо

странная ситуация. пишу по доке прям <ul><li v-repeat="errors">{{$value}}</li></ul> data(){ return { errors: [] } } watch: { files(n){ this.errors.splice(0); this.errors.push(...n.map(f => f.error)) } } но получаю ошибку от Vue *property $value is not defined on the instance...*

что-то я тут написал с ошибкой?

пробовал в computed запихать этот errors и перевычислять, но не помогает

https://luiguild.github.io/v-bar/

Глючный он какой то на Chrome

На фаерфоксе тоже глючный

Не оч понравился. Прикручивать на текстэрию с авторесайзом - боль мучительная

https://kingsora.github.io/OverlayScrollbars/#!demos/basic В процессе поиска нашёл скролл для textarea, может потом пригодится

vuescroll норм работает с горизонтальным

Странно, вроде раньше всё было нормально, но теперь на фаерфоксе он не скрывает дефолтные бары

v-repeat - не работает как и задумано v-for - отработал как задумано

v-repeat - не работает как и задумано v-for - отработал как задумано

v-repeat нет в vue 2

хм. но на сайте в доке есть. и оно даже что-то делает при исполнении

хм. но на сайте в доке есть. и оно даже что-то делает при исполнении

скинь ссылку на доку?

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

скорее всего то было в 1 версии

сейчас актуален v-for

скинь ссылку на доку?

да, я проглядел ссылка была 012.vuejs.org

да, я проглядел ссылка была 012.vuejs.org

я так и подумал :)

Странно, вроде раньше всё было нормально, но теперь на фаерфоксе он не скрывает дефолтные бары

padding-right: 1.5rem, margin-right: -1.5rem

а вообще фф - срака

а вообще фф - срака

Клёвый же, вы что

Из неудобного там, может, только responsive design mode

Клёвый же, вы что

ток флексбоксы и высоты криво работают

ток флексбоксы и высоты криво работают

Пруф?) Ну хз, просто у меня с ним никогда проблем не было)

Пруф?) Ну хз, просто у меня с ним никогда проблем не было)

давай уже и доступ к гиту конторы дам?)

давай уже и доступ к гиту конторы дам?)

Да камон) Вдруг это распространённый баг или что-то вроде того)

Ну как, если там движки разные максимально?)