Всем привет. Народ, подскажите пжл. как добавить текст (данные) из "<div contenteditable >" в массив: когда в форме был "input" (<input
v-model="newTodoText"
placeholder="Например, покормить кота"
>)
- то данные из него добавлялись в массив списка, но когда я поменял "input" на "<div contenteditable v-html="newTodoText" />", то именно текст не прилетает в массив(получается поле comment="" ) и не очищается поле ввода в <div contenteditable="true" />
——————————————————————————————
<form
@submit.prevent="addNewTodo">
<label>Добавить todo</label>
<div contenteditable="true" v-html="newTodoText" />
<button>Добавить</button>
</form>
—————————————-
data: () => ({
newTodoText: '',
items: [
{id: 1, name: "Vlad", comment: "Lorem ipsum1"},
{id: 2, name: "Serg", comment: "Lorem ipsum2"},
{id: 3, name: "Yana", comment: "Lorem ipsum3"}
],
nextTodoId: 4
}),
methods: {
addNewTodo: function () {
this.items.push({
id: this.nextTodoId++,
comment: this.newTodoText
});
this.newTodoText = ''
}
}
