А оно изначально в data есть?

data() { return { fields: { id: '', role_id: '', role: { id: '' } },

data() { return { fields: { id: '', role_id: '', role: { id: '' } },

заглушки уж

ребят, чет затупчики this.fields = response.body; this.fields.role_id = response.body.role.id; дайте дельный совет пжлст, у нас почему this.fields.role_id перестает реактировать то ?!

Так а role_id есть в response.body?

ребят, чет затупчики this.fields = response.body; this.fields.role_id = response.body.role.id; дайте дельный совет пжлст, у нас почему this.fields.role_id перестает реактировать то ?!

разве после первого присвоения в fields.role_id не будет нужного значения?

ребят, чет затупчики this.fields = response.body; this.fields.role_id = response.body.role.id; дайте дельный совет пжлст, у нас почему this.fields.role_id перестает реактировать то ?!

Да у вас там функция наверняка this переопределяет 😃

Да у вас там функция наверняка this переопределяет 😃

начинаем гадать :)

Так а role_id есть в response.body?

есть пустой, заглушка если страница для создания элемента, чтобы select смог v-model сделать

да это самый часто-встречающийся вариант :) вместо стрелочной обычную напишут, и в коллбэке уже this не к вью относится

разве после первого присвоения в fields.role_id не будет нужного значения?

с апи не приходит role_id, только объект role

да это самый часто-встречающийся вариант :) вместо стрелочной обычную напишут, и в коллбэке уже this не к вью относится

чорт ..

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

с апи не приходит role_id, только объект role

Вот оно

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

условно <template> div.col-block label Группа select(v-model="fields.role_id") option(disabled value="") Выберите один из вариантов option( v-for="role in roles" :value="role.id" ) {{role.name}} span(v-if="errors") {{ getError('role_id') }} </template> <script> export default { data() { return { fields: { role_id: '', role: { id: '' } } } }, methods: { getById() { userById(this.data.id).get() .then((response) => { this.fields = response.body; this.fields.role_id = response.body.role.id; }); } }, created() { this.getById(); } } </script>

this.fields.role_id = response.body.role.id; можете через this.$set поставить попробовать

зачем только себе структуры вложенные такие городите в data непонятно

Ребята! Делаю примерно так есть несколько полей, при изменении которых запускается 1 функция, делающая ajax запрос на каждую такое поле повесил watch и соотвественно там прописал вызов фукнции вроде бы замечательно но при запуска страницы в ,created надо инициировать первоначально значение полей и тут кердык короче, функция ajax вызывается столько же сколько и полей

Вроде debounce-ем решил это

зачем только себе структуры вложенные такие городите в data непонятно

какие данные отдает бек с теми и работаем ... типа нахер вам role_id када есть обьект role а типа данные довай нам не в виде объекта а только role_id

Ну так храните в data плоско, а структуру собирайте уже перед отправкой ajax-запроса

Теперь другая проблема ребята Приложение на RoR при переключении между страницыми наблюдается какаято хрень на пару секунда становиться видно исходник Vue страницы, ну там переменны {{message}} ит.п. не приятно как то

data = { ... лютый треш ... } и потом axios.get(url, data)

Теперь другая проблема ребята Приложение на RoR при переключении между страницыми наблюдается какаято хрень на пару секунда становиться видно исходник Vue страницы, ну там переменны {{message}} ит.п. не приятно как то

v-cloak

Теперь другая проблема ребята Приложение на RoR при переключении между страницыми наблюдается какаято хрень на пару секунда становиться видно исходник Vue страницы, ну там переменны {{message}} ит.п. не приятно как то

v-cloak + стиль в CSS или храните шаблон в script например

data = { ... лютый треш ... } и потом axios.get(url, data)

) с третьей попытки удалось

data = { ... лютый треш ... } и потом axios.get(url, data)

вопрос про реактивность был ...

Про реактивность уже надо помнить ограничения js, что там не может отследить когда в массиве по индексу элемент меняем, или в объектах свойствами играемся

Про реактивность уже надо помнить ограничения js, что там не может отследить когда в массиве по индексу элемент меняем, или в объектах свойствами играемся

вот я тоже про это думал ... но почему ?! ... изначально заглушка есть! https://ru.vuejs.org/v2/guide/list.html#Предостережения я в это предостережение похоже упираюсь

Изначальная заглушка и была сделана реактивной

https://ru.vuejs.org/v2/api/#Vue-set

https://ru.vuejs.org/v2/api/#Vue-set

да я добрался уже до этого, изначально об этом сам и думал ... просто хотел учтонить, может непрвильно думал

Лучше тут станет с Vue 3 :) когда всё на прокси перепишут

Лучше тут станет с Vue 3 :) когда всё на прокси перепишут

А есть какой-то roadmap чтобы понимать что будет в новой версии?

А есть какой-то roadmap чтобы понимать что будет в новой версии?

https://github.com/vuejs/roadmap

даже 2.x-next

О, не видел когда искал, спасибо

Так там как раз на 2.*

про 3 речи нет

ну я ж и написал, что даже раньше появится

Так я не про то, мне интересно чего ждать от 3 версии

пока непонятно

всё ж есть!

😃

Добрый день, надо реализовать небольшую админку на nuxt.js + firebase, какой лучше использовать template? starter или express-template ?

Добрый день, надо реализовать небольшую админку на nuxt.js + firebase, какой лучше использовать template? starter или express-template ?

Зачем для даминки ssr? Просто spa и на ноде сервер

Вроде стоит, студия ошибки подчёркивает, а что?

А какая версия eslint-plugin-prettier и eslint-plugin-vue? а то у меня они совершенно дружить не хотят

делал админку на vue.js, сказали попробовать nuxt.js и попробовать написать админку

поэтому и спрашиваю какой лучше взять template

Добрый день. не могу понять как получить данные mounted : async function() { var cat = (await ItemsService.getItemCategories()).data console.log('getItemCategoriescat = '+cat) } запрос на сервер идет, данные вызвращаются, но я не могу их прочитать в компоненте

в таком виде ошибка Cannot read property 'data' of undefined

const categories = await ItemsService.getItemCategories(); const cat = categories.data

Привет, прошу помочь как заствить vue.js не рендерить (не обрабатывать переменные) выводимые через переменые Blade (Laravel) ps : -invalid expression: {{someItem}}

Привет, прошу помочь как заствить vue.js не рендерить (не обрабатывать переменные) выводимые через переменые Blade (Laravel) ps : -invalid expression: {{someItem}}

Доку полистай

thx bro

const categories = await ItemsService.getItemCategories(); const cat = categories.data

не помогло

Привет, прошу помочь как заствить vue.js не рендерить (не обрабатывать переменные) выводимые через переменые Blade (Laravel) ps : -invalid expression: {{someItem}}

а) не вставлять шаблоны vue внутри blade-вьюх б) экскейпить @{{ vueVariable }}

https://ru.vuejs.org/v2/api/#delimiters

ребят, у меня оч тупой вопрос, но чет не могу додуматься сам есть массив уникальных слов this.uniqTextArray = sortUniq.map((item, index) => { this.words.forEach((word) => { if (word.id === index) { console.log('Word exclude ', item) return } }) item = { id: index, word: item, translate: '' } return item }).sort()так же есть массив с уже имеющимися словами в базе, так вот мне надо создавать новый массив из слов исключая слова которые уже есть в базе, но мой ретерн не срабатывает. Я понимаю что тут что-то очевидно, но у меня уже глаз замылен и я не вижу (((

Хз актуально ли, но вот короткий вариант твоей проблемы

sortUniq.filter(item => words.findIndex(t => t.id === item.id) < 0);

Судя по ответу где чел советует лодаш юзать на такую задачу, таки актуально.

а) не вставлять шаблоны vue внутри blade-вьюх б) экскейпить @{{ vueVariable }}

спасибо, но есть ли еще варианты, можно выводить как код ?

Raw

вон выше бросили настройку delimiters для vue (т.е. чтоб были не фигурные скобки, а что угодно другое). Аналогичная настройка бывает для blade в ларавел

ok

А какая версия eslint-plugin-prettier и eslint-plugin-vue? а то у меня они совершенно дружить не хотят

"eslint": "^4.12.0", "eslint-config-prettier": "^2.9.0", "eslint-config-standard": "^10.2.1", "eslint-import-resolver-webpack": "^0.8.3", "eslint-loader": "^1.9.0", "eslint-plugin-html": "^4.0.1", "eslint-plugin-import": "^2.8.0", "eslint-plugin-node": "^5.2.1", "eslint-plugin-promise": "^3.6.0", "eslint-plugin-standard": "^3.0.1", "eslint-plugin-variables": "^1.0.1", "eslint-plugin-vue": "4.0.0-beta.0",

"eslint": "^4.12.0", "eslint-config-prettier": "^2.9.0", "eslint-config-standard": "^10.2.1", "eslint-import-resolver-webpack": "^0.8.3", "eslint-loader": "^1.9.0", "eslint-plugin-html": "^4.0.1", "eslint-plugin-import": "^2.8.0", "eslint-plugin-node": "^5.2.1", "eslint-plugin-promise": "^3.6.0", "eslint-plugin-standard": "^3.0.1", "eslint-plugin-variables": "^1.0.1", "eslint-plugin-vue": "4.0.0-beta.0",

о, и как тебе бетка?

бетка eslint vue

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

что-то где-то не доделал

https://github.com/vuejs-templates/webpack/issues/1117 я вот, даже issue создал

надеюсь, когда-нибудь сделают

так а к шаблону это каким образом относится

я себе отдельно lint-staged поставил настроил

:)

да не, это я уже новую ветку обсуждения создал, не про уыдште

и на pre-push еще поставил проверку staged

eslint

я себе отдельно lint-staged поставил настроил

эт что?

у тебя там ссылка с точкой