Ребята, добрый вечер! У меня есть глупый вопрос, но есть ли смысл navbar для одностраничника в плане дизайна?

добавит ли он удобств?

есть кто делал research на эту тему?))

https://t.me/uiux_ru спроси там

Спасибо)

О, а я ещё https://t.me/uxchat знаю интересно, чем отличаются или просто много разных

Никак не могу понять что за ерунда происходит, подскажите пожалуйста. Есть форма, сохраняю ее изначальное состояние: this.fromStartState = JSON.parse(JSON.stringify(this.form)) Потом работаю с this.form что-то там меняется, и потом мне нужно сбросить все значения в форме. Делаю так: this.form = JSON.parse(JSON.stringify(this.fromStartState)) И оно как буд-то бы сбрасывается, но this.form оказывается с какими-то пустыми значениями в тех полях что заполнялись раньше. В общем this.form !== this.fromStartState Такого клонирования через JSON.parse/JSON.stringify недостаточно чтоли чтобы отвязать один объект от другого?

Подскажите как лучше сделать. Во многих компонентах нужна вот такая проверка: if (errors) { for (let field in errors) { if (errors.hasOwnProperty(field)) { this.$validator.errors.add(field, errors[field]); } } } Хотелось бы эту часть вытащить. В родительский метод или миксин. Попробовал выкинуть в глобальный миксин: Vue.mixin({ methods: { checkErrors: function (errors,self) { if (errors) { for (let field in errors) { if (errors.hasOwnProperty(field)) { self.$validator.errors.add(field, errors[field]); } } } } } }); И вызываю вот так: this.$root.checkErrors(errors,this); и собственно туда приходят ошибки и компонент в котором был вызван, но он ничего не выводит. Не меняет валидатор. Как такое реализовать?

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

а не так? <a :href="`/api/mark_read/id=${message.id}`">Check</a>

Спасибо.

Добрый день. А подскажите плз. если ооочень хочется обращаться к window из шаблона - есть какой нибудь путь ?

Привет. в Vuejs 2 внутри v-for какую служебную переменную используют, чтобы получить номер итерации?

Добрый день. А подскажите плз. если ооочень хочется обращаться к window из шаблона - есть какой нибудь путь ?

создай функцию, которая обращается к window и его вызвывай

Привет. в Vuejs 2 внутри v-for какую служебную переменную используют, чтобы получить номер итерации?

rtfm https://vuejs.org/v2/guide/list.html#Mapping-an-Array-to-Elements-with-v-for

создай функцию, которая обращается к window и его вызвывай

Это понятно. Но у меня есть функция ну например myFormat глобальная или в каком нибудь модуле. И мне не нравится что в каждом компоненте присутствует функция только для того что бы дёрнуть myFormat

Это понятно. Но у меня есть функция ну например myFormat глобальная или в каком нибудь модуле. И мне не нравится что в каждом компоненте присутствует функция только для того что бы дёрнуть myFormat

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

Спасибо. Попробую. Хотя если получится - синтаксис для шаблона не очень очевидный

Всем привет

Начал изучать Vue

const app = new Vue({ el: "#app", data: { products: [] }, methods: { getJson() { fetch('http://mydomain.com/rest/city/list/RU/0', { method: "GET", headers: { "Accept": "application/json" } }) .then(response => response.json()) .then(json => { var list = json.list this.products = list.item console.log(json); }) } } })

Почему ничего не выдает в консоли? Хотя ошибок нет

что за двойной then

так не пойдет?

это парсинг JSON

на офф сайте такое есть на видео

а ты метод то вызвал?

пойдёт

твой код при вызове метода отработает только

Ребят такой вопрос, если я хочу чтобы у меня SPA (vue + webpack) находилось по адресу site.com/spa а webpack генерирует все запросы в виде site.com/static/... вместо site.com/spa/static/ в каком месте это нужно смотреть? где то в vue точка монтирования или в webpack ?

или писать rewrite правила для nginx ?

rewrite напиши прост

а ты метод то вызвал?

а как вызвать?

например так

rewrite напиши прост

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

@click=“getJson”

<button @click=“getJson()”>Click</button>

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

а это не правильный?

Я точно не помню конечно

но там разве не относительные пути?

в любой папке должно работать

хоть site.com/123/asdf/123123/

ну или если тебе хочется в вебпаке сделать

то пропиши чтобы он не в статик копировал файлы

а в spa/static

но я считаю что rewrite в nginx самый верный вариант

вебпак не должно волновать какой путь будет на прод сервера

я тоже так думал, но webpack шлет запросы вида http://localhost/static/css/app.044378cdf376532e79befd177f0b8690.css, хотя все лежит в папке spa и должно быть http://localhost/**spa**/static/css/a

<button @click=“getJson()”>Click</button>

?

в целом понял, буду разбираться

я тоже так думал, но webpack шлет запросы вида http://localhost/static/css/app.044378cdf376532e79befd177f0b8690.css, хотя все лежит в папке spa и должно быть http://localhost/**spa**/static/css/a

вебпак это сборщик и по совместительству девелопмент-вебсервер

в продакшене у тебя только статичные js файлы и ассетсы должны остаться

скорее всего с относительными ссылками(я точно хз)

но поидее это должно настраиваться еще

если с относительыми то просто в нужную папку кидаешь

в продакшене у тебя только статичные js файлы и ассетсы должны остаться

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

ну да, я пока просто сделаю, rewrite Того что идет в static в то место где оно физически лежит

даже просто через location в nginx

const app = new Vue({ el: "#app", data: { products: [] }, methods: { getJson() { fetch('http://mydomain.com/rest/city/list/RU/0', { method: "GET", headers: { "Accept": "application/json" } }) .then(response => response.json()) .then(json => { var list = json.list this.products = list.item console.log(json); }) } } })

тебе надо второй then повешать на json(), сейчас у тебя он висит на первом then и врядли вообще что то делает

да, это все таки особенность вебпака, прочитал сейчас. Нужно настраивать PublicPath в нем, тогда он будет генерировать ссылки с нужным путем. https://webpack.js.org/guides/public-path/

Привет, какой ide самый удобный для vue?

Привет, какой ide самый удобный для vue?

vscode

webstorm

c 2017.3 там подержка vue

Привет, какой ide самый удобный для vue?

Но дело вкуса да.., примерно как "какое кресло самое удобное."

Спасибо!

Ребята такой вопрос. Я юзаю Firebase web. Как вообще можно скрыть учётные данные Firebase

в смысле?

от кого их скрывать?

и зачем?

Любой же может подключиться через них

если пароль знаешь то да

или у тебя пароль захардкожен?

Но дело вкуса да.., примерно как "какое кресло самое удобное."

jetbrains божественны независимо от вкуса

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

я уже не помню тонкостей firebase, давно проект с ним делал

но это вроде не дает никаких прав

кроме чтения

то что ты указал?

в любом случае права доступа настраиваются в админке firebase

запрети запись без авторизации

а если ты не про запись, то я не понял что требуется

https://i.redd.it/p7e9wk2trco01.png

но это вроде не дает никаких прав

ну да, это дефолт конфиг для подключения к фаербейзу

webstorm

не понимаю что ты хочешь спрятать

Ребята такой вопрос. Я юзаю Firebase web. Как вообще можно скрыть учётные данные Firebase

Напиши rules правильные.

Тогда знание этих данных юзеру всё равно не даст читать ничего, кроме того, что ему разрешили.

Привет. Только начинаю работать с vue, поэтому больно не пинайте. =) Есть api. Нужно получить данные и вывести на страничку. Делаю с помощью axios. В консоль массив успешно выводиться, но когда пытаюсь создать список с помощью v-for - тишина. То есть заношу данные в posts. Содержимое posts вывожу в консоль. Все хорошо. А конструкция <div id="app"> <ul> <li v-for="post in posts" :key="post.id"> Post: {{ post.title }} </li> </ul> </div> не выводит на страницу ничего. В чем может быть проблема? Спасибо.

new Vue({ el: "#app", data: { products: [] }, created() { fetch('http://mydomain.com/rest/city/list/RU/0', { mode: "no-cors", method: "GET", headers: { "Accept": "application/json" } }) .then(response => { console.log(response.json()) }) } })

почему response.json() не пашет?

почему response.json() не пашет?

Пушо это промис, его резолвить надо

что за fetch функция