есть кто?

чо аву у @yarossl стырил ?

чо аву у @yarossl стырил ?

ой?

нет конечно

шаблон выглядит таким образом, <replies inline-template :replies-data="{!! json_encode($status->replies) !!}" :auth-id="{!! json_encode(Auth::user()->id) !!}"> <div class="media status-reply" v-for="reply in replies"> <a class="pull-left" :href="'/user/' + reply.user.username"> <div class="avatar-parent"> <img class="media-object img-responsive img-circle" :alt="reply.user.username" :src="reply.avatar"> </div> </a> <form v-if="authId === reply.user.id" action="/status/delete" method="post"> {{ csrf_field() }} <button type="submit" class="close pull-right" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </form> <div class="media-body"> <h5 class="media-heading">@{{ reply.user.username }}</h5> <p>@{{ reply.body }}</p> <ul class="list-inline"> <li>@{{ reply.created_at }}</li> <li> {{-- <a :href="'/status/like/' + reply.id"><i :class="glyphicon glyphicon-heart{ reply.likes.count() ? '' : '-empty' }"></i></a> @{{ reply.likes.count() ?: '' }} --}} </li> </ul> </div> </div> </replies> app.js выглядит так Vue.component('replies', { props: ['repliesData', 'authId'], data: function () { return { replies: [], authId: [], input: '' } }, }); const app = new Vue({ el: '#app', });` а в консоль выдает ошибки Property or method "replies" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. Property or method "reply" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. Error in render function: "TypeError: Cannot read property 'id' of undefined" TypeError: Cannot read property 'id' of undefined

может потому что он пустой ?

гайз хелп плиз, [Vue warn]: Unknown custom element: <card-item> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

вродевсе норм сделал

components не надо пихать в data

components не надо пихать в data

вот это я тупанул, спс

шаблон выглядит таким образом, <replies inline-template :replies-data="{!! json_encode($status->replies) !!}" :auth-id="{!! json_encode(Auth::user()->id) !!}"> <div class="media status-reply" v-for="reply in replies"> <a class="pull-left" :href="'/user/' + reply.user.username"> <div class="avatar-parent"> <img class="media-object img-responsive img-circle" :alt="reply.user.username" :src="reply.avatar"> </div> </a> <form v-if="authId === reply.user.id" action="/status/delete" method="post"> {{ csrf_field() }} <button type="submit" class="close pull-right" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </form> <div class="media-body"> <h5 class="media-heading">@{{ reply.user.username }}</h5> <p>@{{ reply.body }}</p> <ul class="list-inline"> <li>@{{ reply.created_at }}</li> <li> {{-- <a :href="'/status/like/' + reply.id"><i :class="glyphicon glyphicon-heart{ reply.likes.count() ? '' : '-empty' }"></i></a> @{{ reply.likes.count() ?: '' }} --}} </li> </ul> </div> </div> </replies> app.js выглядит так Vue.component('replies', { props: ['repliesData', 'authId'], data: function () { return { replies: [], authId: [], input: '' } }, }); const app = new Vue({ el: '#app', });` а в консоль выдает ошибки Property or method "replies" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. Property or method "reply" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. Error in render function: "TypeError: Cannot read property 'id' of undefined" TypeError: Cannot read property 'id' of undefined

?

шаблон выглядит таким образом, <replies inline-template :replies-data="{!! json_encode($status->replies) !!}" :auth-id="{!! json_encode(Auth::user()->id) !!}"> <div class="media status-reply" v-for="reply in replies"> <a class="pull-left" :href="'/user/' + reply.user.username"> <div class="avatar-parent"> <img class="media-object img-responsive img-circle" :alt="reply.user.username" :src="reply.avatar"> </div> </a> <form v-if="authId === reply.user.id" action="/status/delete" method="post"> {{ csrf_field() }} <button type="submit" class="close pull-right" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </form> <div class="media-body"> <h5 class="media-heading">@{{ reply.user.username }}</h5> <p>@{{ reply.body }}</p> <ul class="list-inline"> <li>@{{ reply.created_at }}</li> <li> {{-- <a :href="'/status/like/' + reply.id"><i :class="glyphicon glyphicon-heart{ reply.likes.count() ? '' : '-empty' }"></i></a> @{{ reply.likes.count() ?: '' }} --}} </li> </ul> </div> </div> </replies> app.js выглядит так Vue.component('replies', { props: ['repliesData', 'authId'], data: function () { return { replies: [], authId: [], input: '' } }, }); const app = new Vue({ el: '#app', });` а в консоль выдает ошибки Property or method "replies" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. Property or method "reply" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. Error in render function: "TypeError: Cannot read property 'id' of undefined" TypeError: Cannot read property 'id' of undefined

лучше закидывай куда-нибудь. тем более, вью можешь подключить хоть на кодпен

Админы проснулись)

Админы проснулись)

Ты тоже должен был сделать ему замечание ?

всем привет! может кто-нибудь подсказать как в vue создавать динамически dom элементы по аналогии с document.body.appendChild(element) ? заранее спасибо

всем привет! может кто-нибудь подсказать как в vue создавать динамически dom элементы по аналогии с document.body.appendChild(element) ? заранее спасибо

через v-for

через v-for

и в 'v-for' document.createElement используем?

нет, v-for это для итерирования по массиву сответсвенно в этотм массив ты можешь добавлять какие-то данные и однотивпные компоненты будут автоматически отрисосываться

всем привет! может кто-нибудь подсказать как в vue создавать динамически dom элементы по аналогии с document.body.appendChild(element) ? заранее спасибо

Зачем тебе это?

всем привет! может кто-нибудь подсказать как в vue создавать динамически dom элементы по аналогии с document.body.appendChild(element) ? заранее спасибо

Это очень не-вуйно.

Это очень не-вуйно.

а как вуйно?)

Зачем тебе это?

при получении данных с сервера нужно отрисовывать элементы в html и заполнять данными

Вуйно -- изменять данные, а шаблон уже сам подстроится.

а как вуйно?)

Тоже очень интересует как забыть джеквери и поселить в душе вью?

при получении данных с сервера нужно отрисовывать элементы в html и заполнять данными

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

при получении данных с сервера нужно отрисовывать элементы в html и заполнять данными

Создаешь компонент и пихаешь в vfor

Тоже очень интересует как забыть джеквери и поселить в душе вью?

Перестать думать о реальном dom'е и начать думать о данных.

Создаешь компонент и пихаешь в vfor

а если нужны разные компоненты - то отрисовывааешь через v-for components is

Эх, а я уж думал кейс интересный. Хотел предложить рендер функции

Эх, а я уж думал кейс интересный. Хотел предложить рендер функции

мне кажется это слишком сложно для него будет

я поэтому даже предлагать не стал

Ага

а если нужны разные компоненты - то отрисовывааешь через v-for components is

Данные это хорошо, но вот заделал я сейчас таскаемый блок. Думаю сделаю круто координаты туда, координаты сюда, потом обработаю из так да сяк, а путь отрисовывеется потом само. А оно что то тормозит ? и фпс уж больно проседает.

Сори не на то ответил

Перестать думать о реальном dom'е и начать думать о данных.

Вот на это

Данные это хорошо, но вот заделал я сейчас таскаемый блок. Думаю сделаю круто координаты туда, координаты сюда, потом обработаю из так да сяк, а путь отрисовывеется потом само. А оно что то тормозит ? и фпс уж больно проседает.

тут скорее всего твой проеб

тут скорее всего твой проеб

Скорее всего, но осадочек то остался

Данные это хорошо, но вот заделал я сейчас таскаемый блок. Думаю сделаю круто координаты туда, координаты сюда, потом обработаю из так да сяк, а путь отрисовывеется потом само. А оно что то тормозит ? и фпс уж больно проседает.

но вообще закинь в песочницу поиграться

но вообще закинь в песочницу поиграться

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

Ребята, кто-то делал placeholder для картинки, пока она не загрузиться на сервер, типо как в телеграме спинер на загрузку файла? Скиньте реализацию, примери, или роскажите как делали такое. Долбаюсь уже 4 час, не знаю как лучше будет(

Ребята, кто-то делал placeholder для картинки, пока она не загрузиться на сервер, типо как в телеграме спинер на загрузку файла? Скиньте реализацию, примери, или роскажите как делали такое. Долбаюсь уже 4 час, не знаю как лучше будет(

Посмотри у http://element.eleme.io/2.0/#/en-US/component/upload

Спасибо, гляну

Приветы

помогите с vuetify

помогите с vuetify

какие вопросы?

v-select не показывает значение из v-model точнее не показывает его выбранным

v-select лежит в модальном окне

ты хочешь чтоб были изначально выбраны какие то значение или у тебя при выборе не заполняет v-model?

изначально

как ни странно когда вне модале норм

что то странно у тебя Оо

пример кода можешь залить?

пример кода можешь залить?

эмм обязательно ? весь код просто как в доках

очень странно что у тебя модальное окно влияет на это

диалог тоже от vuetify если что

сам в шоке

как может item-value влиять? когда вне модалке он у меня пашет на пох

https://gist.github.com/RaiMaemirov/c97bf752c1d746d294bab668f73e4f3f

Приветствую, подскажите, в компоненте для дива присваиваю ref: .customerCard(ref="customerCard"), в mounted пытаюсь получить this.$refs.customerCard - говорит undefined, при этом если поместить в функцию с таймаутом на 1-2 секунды, то обратится к нему можно, то есть он не успевает добавиться, с чем это связано?

Приветствую, подскажите, в компоненте для дива присваиваю ref: .customerCard(ref="customerCard"), в mounted пытаюсь получить this.$refs.customerCard - говорит undefined, при этом если поместить в функцию с таймаутом на 1-2 секунды, то обратится к нему можно, то есть он не успевает добавиться, с чем это связано?

Про nextTick почитайте, но вообще такое обращение к компонентам (через refs) не рекомендуется

Про nextTick почитайте, но вообще такое обращение к компонентам (через refs) не рекомендуется

Обращаюсь к диву внутри компонента, почему не рекомендуется? Про nexttick читал и пробовал - не помогло

Потому что не нужно обращаться к разметке компонента :)

undefined потому что ещё нет элемента на странице, nextTick только с этим поможет

Потому что не нужно обращаться к разметке компонента :)

зачем тогда refs вообще? Мне нужно вычислить ширину диву и явно задать ее

Для крайних случаев, когда может потребоваться доступ к DOM-элементу. Например, чтобы не городить кучу разных селекторов для инициализации плагина в компоненте

Так вычислить или задать ширину?) если задать то биндинг через класс или style

вот что делаю, nextTick не помогает

Этот кусок в mounted?

да

А карточка эта не по условию показывается?

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

как то так

оооо во вью можно шаблонизаторы использовать. чет я пропустил этот момент

Всем привет! Непервый день бьюсь над задачей. Мне нужно совместить три вещи: 1. Сетка типа masonry 2. Бесконечный скролл 3. Виртуальный скролл Я нахожу компоненты по отдельности, такие как например: MopTym/vue-waterfall PeachScript/vue-infinite-loading tangbc/vue-virtual-scroll-list По отдельности они работают нормально, но когда я пытаюсь их совместить, что-то где-то до отвалится. Есть у кого опыт решение подобной задачи на Vue? Очень нужен совет куда рыть.

Такое впечатление что можно обойтись одним MopTym/vue-waterfall

Такое впечатление что можно обойтись одним MopTym/vue-waterfall

Я вот сейчас на этом остановился, дописать к нему Ajax Loading вроде как не проблема, но вот как быть с виртуальным скроллом, чтобы в думе было только нужное количество позиций? Я просто с этим никогда не сталкивался, не пойму пока, какие могут быть затыки с этим.

Добрый вечер. Собираюсь поизучать Ruby и хотел бы попробовать связку API backend + Vue.js front-end с токенами/авторизацией. Из Ruby API-фреймворков знаю только Rails немного с его режимом Rails::Api. Помимо него нагуглил ещё Grape и Sinatra - вроде одни из популярных фреймворков. Может ли кто вкратце объяснить (или дать ссылку) плюсы-минусы и область применения каждого? Задача следующая: обычный блог, возможность регистрироваться и создавать свои блоги (что-то типа Medium, только можно создавать категории типа: "игры", "музыка").

тут как бы не совсем по раби чат) Но судя по всему что читал в инете - весь смысл существования и единственный плюс ruby - это именно рельсы

все остальное от лукавого. сжечь и предать анафеме

Удачная версия рельсов - ето Ларавел