смени computed свойство на метод и все заработает

можешь даже метод в methods не засовывать, а написать вне объекта vue

все же эта функция никак к инстансу не обращается

простите за глупый вопрос, но кто видит подвох в записи html данных из div в переменную и передаче их в запрос?

вместо того что бы юзать v-model?)

зачем тебе вью

и зачем их брать из дива

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

короче при изменении содержимого div происходит отправка его содержимого в запросе

@change работает с v-html?

короче при изменении содержимого div происходит отправка его содержимого в запросе

Vue.js + jQuery - плохая практика, избегайте этого

За тобой уже выехали

🙂

короче при изменении содержимого div происходит отправка его содержимого в запросе

тебе нужен вотчер?

чтобы он постоянно запросы выдавал?

или по нажатию?

За тобой уже выехали

это точно его адресс, а то получится как в предыдущий раз

не тем двери вынесли

ну короче у меня происходит запрос, когда уходит фокус с инпута. а с vue слабо совсем знаком вот и туплю

тебе нужно отправить данные или весь html блок?

весь html

ну короче у меня происходит запрос, когда уходит фокус с инпута. а с vue слабо совсем знаком вот и туплю

@change="doSomething()"..... methods: { doSomething() { .... } }

а инпут что изменяет в этом блоке?

ну короче у меня происходит запрос, когда уходит фокус с инпута. а с vue слабо совсем знаком вот и туплю

Загуглите в доке @change

в процессе работы в div добавляется новый текст(логи). Потом отправлятся значение activity_logs, но оно походу по функции OnChange так и не менятся

опять же, взрослые дядьки тут советуют v-html не использовать и передавать данные

Не про вью, но вдруг кто умный не спит) Держа в голове разницу между function declaration и function expression всё равно не могу уложить по-полкам поведение вот этого кода

const obj = { method() { return new Promise(resolve => { setTimeout(resolve, 3000) // так верно }) }, anotherMethod() { return new Promise(resolve => { setTimeout(() => resolve(), 3000) // и так тоже верно }) } } obj.method() .then(alert) // отработает нормально, через три секунды .then(alert('Не буду ждать')) // сработает сразу, не дождиаясь resolve .then(() => alert('А я дождался')) // отработает нормально, через три секунды .then(obj.anotherMethod) // тоже работает отлично, без return, => или скобок .then(() => alert('Я дождался obj.anotherMethod()'))

Что происходит когда в then передаешь имя функции без всяких скобок и ретернов? То что работает это я вижу но почему?

Ведь .then должен принимать два аргумента resolve и reject, получается, что передавая имя функции первым аргументом мы как бы назначаем её обработчиком resolve

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

или получается, что всё, что в первом аргументе then выполняется автоматически после resolve сверху, а значит выполняется и функция через её имя которое мы туда положили, вро де так?

и непонятно ешё другое, почему в записи .then(alert('Не буду ждать')) алерт выполнится сразу, ведь мы вызываем функцию из блока then.. Получается, что интерпритатор читает все then сразу и вызывает всё что там со скобками первым аргументом?

ох жесть...

var promise = new Promise(function(resolve, reject) { // do a thing, possibly async, then… if (/* everything turned out fine */) { resolve("Stuff worked!"); } else { reject(Error("It broke")); } }); promise.then(function(result) { console.log(result); // "Stuff worked!" }, function(err) { console.log(err); // Error: "It broke" }); так думаю будет понятнее

я уже даже визуализатор работы интерпритатора джава скрипт нашел, что бы разобраться как он работает, но вот беда —setTimeout визуализатор не поодерживает))

var promise = new Promise(function(resolve, reject) { // do a thing, possibly async, then… if (/* everything turned out fine */) { resolve("Stuff worked!"); } else { reject(Error("It broke")); } }); promise.then(function(result) { console.log(result); // "Stuff worked!" }, function(err) { console.log(err); // Error: "It broke" }); так думаю будет понятнее

Спасибо, эта запись мне понятна целиком, а вот болезница в работе .then(alert) и .then(alert()) не очень)

разница*

почему в .then(alert()) алерт выполняется не дожидаясь resolve? ведь это как бы вызов функции в контексте или блоке если угодно. функция вызванная в блоке if не вызывыается же сразу при закгрузке скрипта, а только если интерпритатор зайдет внуть блока, почему с блоком then не так получается?

вот где у меня бомбит)

и ясно, что можно не думать и юзать .then(() => alert()) или .then(alert) и всё будет исполняться в порядке строгой очереди. но я просто хочу знать почему так

Спасибо, эта запись мне понятна целиком, а вот болезница в работе .then(alert) и .then(alert()) не очень)

болезница в том, что then принимает в аргументы одну или две функции. если ты подставляешь функцию (имя или определение анонимки) - она вызовется когда then отрезолвится. если ты ставишь вызов функции (alert()) - эта функция вызывается сразу, и её возврат передаётся в then в качестве аргумента. это ж стандартное поведение - если ты пишешь выражение в слоте фактического параметра функции - оно вычисляется сразу, перед передачей в качестве агрумента. не?

болезница в том, что then принимает в аргументы одну или две функции. если ты подставляешь функцию (имя или определение анонимки) - она вызовется когда then отрезолвится. если ты ставишь вызов функции (alert()) - эта функция вызывается сразу, и её возврат передаётся в then в качестве аргумента. это ж стандартное поведение - если ты пишешь выражение в слоте фактического параметра функции - оно вычисляется сразу, перед передачей в качестве агрумента. не?

вооот!

спасибо)

— "then(alert()) - эта функция вызывается сразу, и её возврат передаётся в then в качестве аргумента" тут я правильно понимаю, что вызовется сразу, потому что является аргументом и находится в том же блоке кода, что и основной промис с которого цепочка началась, в отличие от случая if (true) { alert() } где alert упакован на один блок dukelm с помощью фигурных скобок?

на один блок вглубь*

примерно так (в аналогии есть смысл) однако давай ещё раз по буквам: 1) foo(bar) 2) foo(()=>bar()) 3) foo(bar()) С точки зрения функции foo все три случая равноценны - она получает на вход результат вычисления выражения подставленного в скобки. Все они (выражения) вычисляются сразу, до передачи в качестве аргумента. Просто эти результаты разные: 1) результат вычисления имени «bar» - ссылка на тело функции bar, определённое где-то выше по тексту 2) результат вычисления «()=>bar()» - ссылка на тело анонимной функции, определённой здесь же 3) результат вычисления «bar()» - результат возвращённый вызовом функции bar

ешё раз спасибо, теперь с осознанием получше)

Народ, кто нибудь есть в сети кто с макбука работает?

Как тут сэмулировать клик мышки с зажатым ctrl?

C таким же эффектом как в винде

Уже все комбинации перепробовал, никак)

Ребят нужен совет… Пишу SPA Одновременно с ним будут работать: 5 Операторов 10 Администраторов ~30 Пользователей (конечных, не включая операторов и администраторов). У всех разные права будут…. Но делать/видеть они будут примерно одно и тоже. Вот думаю, стоит ли все в одно SPA мешать, или стоит сделать три отдельных SPA приложения?

Ребят нужен совет… Пишу SPA Одновременно с ним будут работать: 5 Операторов 10 Администраторов ~30 Пользователей (конечных, не включая операторов и администраторов). У всех разные права будут…. Но делать/видеть они будут примерно одно и тоже. Вот думаю, стоит ли все в одно SPA мешать, или стоит сделать три отдельных SPA приложения?

Одно.

Одно.

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

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

Как знаешь. У нас такая система. Все работает с единым фронтом.

Как знаешь. У нас такая система. Все работает с единым фронтом.

Я не спорю, просто совета ищу… я один деволопер как на фронте так и на бэкенде в этом проекте

Ну, если эта система не будет переиспользоваться, то пили 3 фронта.

А потом думай, как вносить одно изменения на 3 фронта

А потом думай, как вносить одно изменения на 3 фронта

да, это тоже аргумент

весомый*

Рафик @Fl0pZz проснется, расскажет, как роли на фронте делал :)

Я бы послушал.

Для токена - точно нет

шо не так с локалсторажем для хранения токена?

Разве что нельзя использовать с ssr.

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

так вы про единую кодовую базу или про инстансы вашего сервиса запускаемого на разных тачках и всякое такое?

так вы про единую кодовую базу или про инстансы вашего сервиса запускаемого на разных тачках и всякое такое?

и про инстансы и про кодовую базу

и про инстансы и про кодовую базу

если всё правильно понимаю, то в вашем случае единое приложение, не думаю что указанное количество пользователей будут создавать ощутимую нагрузку (так что именно физически хватит и одного сервера). Если всё это прям бизнескртитикал, таки да неплохо разместить на нескольких физических серваках, как фронты так и бэкенды, при этом все фронты способны в полном объёме выполнять все функции.

Ребят, я новичок по vue.js, проблема тут, сделал два роута / и /test (https://hastebin.com/ugilunireq.go), добавил в index.blade.php это https://hastebin.com/gabuzojoce.xml, пашет только companiesTest, а companiesIndex не пашет, импорт есть https://hastebin.com/jowewuboro.js

Рафик @Fl0pZz проснется, расскажет, как роли на фронте делал :)

А? Что?

Привет всем. Нужно на vue сделать input с маской в интернациональном формате или с выбором страны... https://github.com/jackocnr/intl-tel-input как этот плагин. https://github.com/MitrophD/vue-phone-input пробовал этот не получилось завести.... Кто-то сталкивался или может знает другое решение?

#whois Всем привет! Я тимлид небольшой команды, всё время до этого занимался бекендом, решил вникнуть в фронтенд поглубже, и выбрал для этого vue.js Буду настойчиво задавать глупые и не очень вопросы :)

Народ, подскажите, куда копать? Во .vue файлах в секции <script> не воспринимается ES2015 синтаксис. При сборке ругается на spread-оператор в data

Надо какой-то еще лоадер подключать?