там даже вроде отдельный абзац об этом есть

затупил, да, должно быть :key="index", но проблему это не решает

попробуй напиши :key="res.title"

ну вот уже все прочитал

https://ru.vuejs.org/v2/guide/list.html

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

я вот так сделал <TodoItem v-for="(item, index) in list" :key="item.id" :item="item" :index="index" @deleteItem="items.splice(index, 1)" @changeState="changeState"/>

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

совпадать может, не должно являться index

ну да

v-bind:key="index+'_'+res.title" тоже не решило проблему(

я целую ночь с этим бился, пока не разобрался))

v-bind:key="index+'_'+res.title" тоже не решило проблему(

просто :key="res.title" не помогло?

я у себя сделал дополнительно id в каждом элементе

просто :key="res.title" не помогло?

когда добавляется новый item, он идет с title: '', vue ошибку дубля выдает

я у себя сделал дополнительно id в каждом элементе

так и у меня работает

я у себя сделал дополнительно id в каждом элементе

а просто без id с title по индексу?

когда добавляется новый item, он идет с title: '', vue ошибку дубля выдает

а, ну логично

когда добавляется новый item, он идет с title: '', vue ошибку дубля выдает

ну теперь добавь id шники в элементы массива

и новые элементы с новыми id'шниками создавай

ребята, без id никак?

ребята, без id никак?

нет

а в чем проблема?

блин нахрен я 3 часа провозился впустую

откуда у тебя responsibilities появляется?

из бд, для каждой вакансии список

из бд, для каждой вакансии список

ну блин, тем более. Наверняка же в бд есть idшники

Или пусть бэк сам тебе айдишники выдаст

не, конкретно эти responsibilities идут в json ячейке

Или ты их сам сгенерируй рандомно, когда получаешь данные ajaxом

вариантов куча

в базе ж наверняка есть ключ

++

а всего списка 3. это значит, что нужно создавать для каждого из трех списков ListANextID ListBNextID ListCNextID (образно), высчитывать length каждый раз по запросу

поэтому варик без id был бы идеален. может тупо reduce.. и заменять массив при удалении каждого итема

поэтому варик без id был бы идеален. может тупо reduce.. и заменять массив при удалении каждого итема

не получится без id

поэтому варик без id был бы идеален. может тупо reduce.. и заменять массив при удалении каждого итема

* без уникального значения key

а если ты будешь делать с этим элементом какие-то действия, удалять, редактировать, ты как будешь бэку об этом сообщать? без ид?

Vue умный, каждый раз при изменении списка, он пытается уменьшить перерисовку. Тебе нужно сказать, что все элементы самостоятельные и их нужно рендерить отдельно

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

К тому же, у тебя там список компонентов. Vue уже должен был начать орать, что список компонентов без key Кстати, зачем тебе тут is="" ?

li

li

мм, ни понял?

в div нельзя по всем канонам

а vue обернет

в div нельзя по всем канонам

Так ты же в корне компонента почему просто не написать имя компонента add-item лишки написал

почему просто не написать имя компонента <add-item v-for="(res, index) in responsibilities" :key="res.index" :title="res.title" :index="index" v-on:remove="removeItem('responsibilities',index)" ></add-item>

ты ж его зарегал через поле components в родительском элементе

тк в dom будет <ul><div><li></li></div>и тд</ul>

тк в dom будет <ul><div><li></li></div>и тд</ul>

не будет

vue сам ничего не оборачивает

блин

реально

а почему тогда в документации "Обратите внимание на атрибут is="todo-item". Это необходимо в DOM-шаблонах, потому что только элементы <li> разрешены внутри <ul>. Результат будет таким же, как использование <todo-item>, но позволяет обойти ошибки парсинга браузером. Чтобы узнать больше, изучите особенности парсинга DOM-шаблона."

а почему тогда в документации "Обратите внимание на атрибут is="todo-item". Это необходимо в DOM-шаблонах, потому что только элементы <li> разрешены внутри <ul>. Результат будет таким же, как использование <todo-item>, но позволяет обойти ошибки парсинга браузером. Чтобы узнать больше, изучите особенности парсинга DOM-шаблона."

Я ничего не вижу, что тут бы противоречило))

блин, в props index лучше не кидать, сейчас все гуд вроде удаляется

теперь другая проблема, как говорится, из огня да в полымя ? https://paste.ofcode.org/SDkRqsKLvgrb63DHG38qjm в шаблоне подкомпонента :value="titleFlow" computed свойство 1) тк vue ругался на одинаковые props 2) тк computed с v-model не сработал. что мне делать(

а в чём проблема?

при просмотре списка console.log(JSON.stringify(this.responsibilities)); в новых элементах списка отображается только id, а title пустой [{"id":1,"title":"title 1"},{"id":2,"title":"title 2"},{"id":3,"title":"title 3"},{"id":4,"title":""}]

т.е., так понимаю, что из-за того, что шаблоне подкомпонента не v-model="title", а :value (но по-другому с computed не работает почему-то)

пробовал v-bind:title.sync="res.title" хз

делай рабочие примеры на codesandbox

у тебя же this[items].push({ id: this.nextResId++, title: '' })

почему title должен быть не пустой?

там каждый элемент списка textarea

ты пушишь пустой title

он и будет пустой

ну или я тебя не так понял

ERROR: S client not available

Пацаны кто знает где можно залить сайт на бесплатный хостинг для теста?

https://beget.com/ru/free-hosting

Пацаны кто знает где можно залить сайт на бесплатный хостинг для теста?

gh pages если статика

нужен что бы jquery

лол

это ваще не связано с хостингом

это статика, так что всё ещё подходит github pages

ну или я тебя не так понял

т.е. нужно в подкомпоненте ставить watcher и ловить изменение input'a и сделать в основном компоненте дополнительный метод с push по id элемента?

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

зачем ты каждый раз туда-сюда пробрасываешь весь массив? он же у тебя есть в this.responsibilities

каждый элемент списка textarea, вводимые данные в список не попадают

каждый элемент списка textarea, вводимые данные в список не попадают

вот я делал todo https://codesandbox.io/s/p91666y780

у тебя что-то похожее

нет

https://codesandbox.io/s/xvj2plz7nq

о, рабочий пример

так, теперь давай ещё раз, в чём проблема))

при добавлении нового элемента "Add" и написании любого текста в textarea этого элемента, данные не сохраняются в this.responsibilities

У меня вопрос насчет scoped стилей в .vue компонентах Как в них пользоваться глобальными scss переменными (из общего scss когда, который просто инклудится в main.js) или например использовать наследование от чего-то, что вне компонента Или сам подход полностью отвергает это? Если да, то это ж ппц как неудобно.

так, теперь давай ещё раз, в чём проблема))

обновил чутка codesandbox

ща, я в старой версии ковыряюсь)

ну вообще у тебя one-way data flow

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

т.к. не v-model?

https://vuejs.org/v2/guide/components-props.html#One-Way-Data-Flow

если ты редактируешь текстарею - нужно делать emit наружу

Пацаны кто знает где можно залить сайт на бесплатный хостинг для теста?

Если статика, то surge.sh

т.к. не v-model?

https://codesandbox.io/s/k524jjrm7o

Пацаны кто знает где можно залить сайт на бесплатный хостинг для теста?

http://www.bitballoon.com/ если что-то простое вот еще есть вполне себе работает просто перетаскиваешь файлики и усё

https://codesandbox.io/s/k524jjrm7o

!!!!!!!!!!!! спасибо большое)

вот что значит документацию по диагонали читать

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