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

Question

[mixejuxix]

Есть <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, либо как-то решить проблему с курсором.

Answer 1

[Дмитрий Беляев]

<div contenteditable ref="dataElem" />

props: ['value'],
mount() {
    this.$nextTick(() => {
        this.$refs.dataElem.innerHTML = this.value;
    });
},