@vuejs_ru

Страница 36 из 3900
Alexander
14.12.2016
22:33:25
Jsdoc это что-то из мира питона

Ничего не гарантирует, зато подсказки в IDE рисовать можно

Flow/TS FTW

Alex
15.12.2016
05:38:51
У второго вебпака появился первый релиз-кандидат)

Google
Евгений
15.12.2016
09:15:14
<a v-for="link in links" v-if="link.is_active" :href="link.url" class="btn btn-block btn-info">@{{ link.title }}</a>

есnm вот такой список кнопок

link.url формата yandex.ru

ссылки получаются такие - site.ru/yandex.ru

как сделать чтобы это были внешние ссылки?

Stanislav
15.12.2016
09:18:57
Добавь протокол или две палки // перед ссылками

Евгений
15.12.2016
09:28:45
у меня поле может быть ссылкой или почтой

если добавить палки или протокол то почта сломается(

ладно, это пока фигня, разберусь попозже)

другой вопрос возник

вот есть у меня links, у каждой ссылки заголовок, урл и is_active

есnm кнопка добавить новую ссылку, просто добавляется ссылка с пустыми заголовками и урлами и статус is_active = false

мне надо чтобы при изменении этих даннох шла синхронизация с бэком

Google
Евгений
15.12.2016
09:30:49
<input class="form-control" v-model.lazy="links[index].title" type="text" placeholder="Название"> <input class="form-control" v-model.lazy="links[index].url" type="text" placeholder="Ссылка">

вот в списке ссылок, поля

watch: { links: function() { this.syncLinks(); } }

syncLinks: function() { this.loading = true; var links = this.links; this.$http.post('{{ route('api.links.sync') }}', links, { headers: { 'X-CSRF-TOKEN': this.token } }) .then(function (data) { this.links = data.data; this.loading = false; }, function (data) { var errors = data.data; this.loading = false; this.formErrors = errors; }); }

и у меня при изменении инпутов идёт зацикливание, постоянно выполняется syncLinks

даже просто страницу загрузить сразу идёт синхронизация

а мне надо только при изменении

тем более у меня v-model.LAZY

вот для понимания

Alex
15.12.2016
09:38:49
<a v-for="link in links" v-if="link.is_active" :href="link.url" class="btn btn-block btn-info">@{{ link.title }}</a>
Я бы заранее в computed отфильтровал только активные ссылки

Евгений
15.12.2016
09:39:02
ну это будет потом

хотя и не обязательно

там мало ссылок, так что разница не большая будет

Alex
15.12.2016
09:39:40
А зацикливание потому что ты в конце watch обновляешь this.links и соответственно watch должен сработать снова

По мне так сразу надо делать) а то на отпуск "на потом" оставляешь то одно, то другое, а потом сидишь удивляешься откуда столько говнокода набралось ?

*на откуп

Евгений
15.12.2016
09:40:40
а смысл в такой фильтрации активных?

первостепенная задача сделать синхроназицию

при изменении инпутов

а как сделать чтобы не было этого зацикливания?

Google
Евгений
15.12.2016
09:42:37
или просто другую функцию сделать, не syncLinks а типа updateLinks

Alex
15.12.2016
09:42:51
просто вместо watch сделай метод который дергаться будет

Евгений
15.12.2016
09:43:54
а всё, я просто в sync убрал обновление Links, jно всё равно не нужно было

работает отлично

блин, нет, не пойму

если закомментить в syncLinks //this.links = data.data; то зачикливания не идёт, но и не сохраняется ничо

а если раскомментить то зацикливается

сделал в syncLinks в самом начале console.log(1);

при запуске страницы в консоль пишется

при изменении инпутов, соответственно и links в консоль не пишется

Alex
15.12.2016
09:55:47
А что должно сохраниться?

Евгений
15.12.2016
09:56:08
текст и урл

Alex
15.12.2016
09:56:10
если ты уже ответ от сервера записываешь обратно в данные

Евгений
15.12.2016
09:56:21
я не знаписываю

я ж закомментил это

Alex
15.12.2016
09:57:29
можешь сохранять с отложкой на какое-то время

пока типа печатаешь ну и печатаешь

Евгений
15.12.2016
09:57:37
дело в другом

Alex
15.12.2016
09:57:42
а сохранение после N-секунд тупления

Евгений
15.12.2016
09:57:48
у меня вообще watch не срабатывает при изменении links

Google
Евгений
15.12.2016
09:58:00
ну я lazy для этого хотел

вот смотри

есть у меня Links и watch watch: { links: function(e) { console.log(1); } }, при изменении инпутов текста и урла не происходит запись в консоль

или watch на изменение объекта не работает?

Ivan
15.12.2016
09:59:25
дип воч нужен

Евгений
15.12.2016
09:59:31
?

Alex
15.12.2016
09:59:52
а, да... там есть опция deep: true

чтобы он не за массивом смотрел, а за его недрами тоже

Admin
ERROR: S client not available

Евгений
15.12.2016
10:00:15
куда это пишется?

Alex
15.12.2016
10:00:27
мне ещё нигде пока не пригодилась необходимость воспользоваться watch :) надеюсь так и будет продолжаться

Ksetrin
15.12.2016
10:01:00
у тебя данные по rest не ходят?

Alex
15.12.2016
10:01:15
@perin https://ru.vuejs.org/v2/api/#watch

В примере "с"

Евгений
15.12.2016
10:03:52
воо, идеально))

не знаб про дип

апи не смотрел, только доку

Ivan
15.12.2016
10:04:11
много всякой такой фигни вскрывается в процессе)

Stanislav
15.12.2016
10:04:18
Да

Евгений
15.12.2016
10:20:46
https://github.com/kristianmandrup/vue2-dragula

Google
Евгений
15.12.2016
10:21:12
вот это можно ж без всяких вебпаков,ноджс, npm и тд установить?

просто в папочку положить и подключить

а то я ваш js недолюбливаю за все эти интсрументы))

Владимир
15.12.2016
10:22:38
а то я ваш js недолюбливаю за все эти интсрументы))
а какой твой основной язык? там нет вендоринга разве?

Евгений
15.12.2016
10:22:48
пхп

есть

Владимир
15.12.2016
10:22:55
пхп
композер же

Евгений
15.12.2016
10:22:57
но у меня хостинг без nodejs

как можно его заюзать и не сломать себе мозг и проект

Alex
15.12.2016
10:39:57
А на хостинге и не нужно. Собрал у себя локально и на хостинг закинул

Евгений
15.12.2016
10:40:18
локально не люблю, да и у меня локально ничего не настроено тоже

Владимир
15.12.2016
10:41:11
Евгений
15.12.2016
10:41:17
попробую

MVP
15.12.2016
10:49:01
подскажите где искать - вот такая ошибка - vue.js:2643 [Vue warn]: Error when rendering anonymous component:

указывает на начало кода главного компонента

var __app__ = new Vue({ data: { products: [], pages: [], categories: [] }, el: '#app', router: router, template:

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

Alex
15.12.2016
11:14:23
Что за версии используются? Что там в шаблоне?

пример на jsfiddle?

Stanislav
15.12.2016
11:28:20
Собираешь вебпаком из vue-cli?

MVP
15.12.2016
13:14:30
Собираешь вебпаком из vue-cli?
нет, тупо index.html c шаблонами ввиде <template id="xxx">... и <script src="assets/js/vue.js">

Страница 36 из 3900