@mixejuxix

Как связать div с данными?

Есть <div contenteditable >. Я хочу связать его с данными.
Если я делаю это реактивно (убираю v-once), то получаю проблемы с курсором при печати - vue обновляет div и курсор ставится в начало.
Если ставлю v-once, то не получается запихать в div данные.

<div contenteditable v-once v-html="data" />

props: ['value'],
beforeMount() {
    //Тут this.value еще undefined
    this.$nextTick(function () {
        this.data = this.value //Тут div уже отрендерен, v-once отработал, не обновляется
    }.bind(this))
},


Нужно либо протолкнуть данные из prop value до срабатывания v-once, либо как-то решить проблему с курсором.
  • Вопрос задан
  • 71 просмотр
Решения вопроса 1
bingo347
@bingo347
Crazy on performance...
<div contenteditable ref="dataElem" />
props: ['value'],
mount() {
    this.$nextTick(() => {
        this.$refs.dataElem.innerHTML = this.value;
    });
},
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы