Как в v-for элементам цикла прибиндить в id какой то текст + index?

Чтобы было что то вроде id="id-1"

v-bind не подойдёт?

ну это понятно

я пробывал v-bind:id="text + index"

но выдает nan

Кавычки

v-for="(o, i) ... " v-bind:id="'text'+i"

v-bind:id="'text' + index"

Ага.

)

Они самые, родимые.

нужно больше кавычек.

"''"

))

`"''"`

дорогой чатик

Если бы кто помог

Ребят, подскажите пожалуйста. Есть сервис unsplash, беру оттуда urls картинок. URL выглядет так: https://images.unsplash.com/photo-1522205445560-4630427027e3?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjE5NzE1fQ&s=c0c45c17cabfa0420597a93fd3dea566 Вставляю его в разметку (Pug) img(v-bind:src="url") А в исходном коде вижу такое: (у ссылки в html такой урл) data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==

по какой причине FormData может перезаписать headers axios`а ?

export function addComment({projectId, todoId, data}) { return axios.post(`projects/${projectId}/todos/${todoId}/comments/`, data, { headers: { 'Content-Type': 'multipart/form-data' } }) }

если в data передаю FormData заполненную, то меняется Content-Type на application-json

если пустой объект кину, то multipart

0.o

Гм. Может как-то сериализовать не может иначе?

первое что приходит в голову что сервер отдает не ссылку на картинку на её в base64

Ребят, подскажите пожалуйста. Есть сервис unsplash, беру оттуда urls картинок. URL выглядет так: https://images.unsplash.com/photo-1522205445560-4630427027e3?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max&ixid=eyJhcHBfaWQiOjE5NzE1fQ&s=c0c45c17cabfa0420597a93fd3dea566 Вставляю его в разметку (Pug) img(v-bind:src="url") А в исходном коде вижу такое: (у ссылки в html такой урл) data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==

смотри что приходит тебе в xhr

вот так выглядит

Гм. Может как-то сериализовать не может иначе?

Очень странное содержимое для application/json.

let formData = new FormData() formData.append('content', this.comment) formData.append('file', this.$refs.fileinput.files[0])

вот такое содержимое FormData

this.comment строка

Не знаю даже с чем связано. Я бы вообще сказал как мне сказал наш архитектор - "что такое axios? используй fetch, Люк".

А можешь попробовать отладить сам axios и найти место, где он выполняет это самое преобразование.

если в data передаю FormData заполненную, то меняется Content-Type на application-json

гм, посмотрел в своем проекте как у меня сделана отправка файлов, тоже отправляется Content-Type:application/json;charset=UTF-8, хотя заголовок прописан Multipart, кароче это никак не мешает или есть трабблы какие-то?

так все прально

угумс, я тоже так думаю)

рельса орет

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

сейчас затестю, спасибо за идею

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

export function addComment({projectId, todoId, data}) { return axios.post(`projects/${projectId}/todos/${todoId}/comments/`, data, { headers: { 'Content-Type': 'multipart/form-data' } }) }

Я бы убрал блок заголовков вообще

должно само подхватить?

Я бы убрал блок заголовков вообще

должно само подхватить?

Да

всем большое спасибо

Что в итоге решило проблему?

пасаны, а это норм практика проверять авторизован ли юзер на сайте с помощью наличия его во vuex? или стоит еще проверять токен на валидность, т.е. каждый раз при переходе на страницу, где нужна авторизация, посылать запрос на сервак для проверки токена?

Сервер должен возвращать ошибку что токен просрочен, а в ответе запроса надо просто проверять, нет ли такой ошибки в ответе, например через миделвару для axion

Сервер должен возвращать ошибку что токен просрочен, а в ответе запроса надо просто проверять, нет ли такой ошибки в ответе, например через миделвару для axion

понял, спс

в конфиге axios был transofrmerRequest() , который перезаписывал его на application-json

Что в итоге решило проблему?

я использовал конфиг axios, чтоб сохранять токен пользователя, но случайно записывал еще и content-type response

из-за этого при request`е подтягивался неверный

в v-if возможна конкатенация?

А чё нет

Возможно всё

Присвоение, разве что, не возможно

Но если нужна конкатенция то почему бы не заюзать строки-шаблоны?

Ну вот не выходит почему то

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

ERROR: S client not available

нужно тогда делать её ключём в объекте, чтоб через фигурные скобки обратиться

Ну вот не выходит почему то

Код

в v-if возможна конкатенация?

результатом выражения должно быть булево

В data лежит объект в котором в цикле создаются пары ключ/значение hiddenArea:Object forDelete-0:false forDelete-1:false forPass0:true forPass1:false forQuota-0:false forQuota-1:false

В цикле v-for есть индекс, который и есть окончанием ключа в объекте

какая ж ебля

И вот тут мне и нужно скомпоновать это значение

Ну код покажи

Как ты это делаешь

ЧТо пишешь в v-if

кодпен и js fiddle ркн заблокировали)

v-if="myObject['forDelete' + index]" так не работает?

?

сек

v-if="myObject[`forDelete-${index}`]"

шо за myObject

> В data лежит объект в котором в цикле создаются пары ключ/значение

ну)

ааа

Ну это он и есть, пусть там своё имя подставляет

input lag словил сорян

попробуй через +

Помогло спасибо

v-if="myObject[`forDelete-${index}`]"

а не через обратные кавычки

Лел, а в чём была проблема? это ж обычные шаблонные строки

Ну или обычная конкатенция

потому что они компилируются раз

v-if="myObject['forDelete-' + index]"