contenteditable - vue.js 从输入的 contenteditable 元素中获取 innerhtml

Question

我正在尝试绑定(bind)一个 vue.js 事件以通过 contenteditable=true 检测元素上的更改。

<div id="test" contenteditable="true" v-on-input="trigger" v-model="test"></div>

这触发了我的vue.js vue中的trigger方法，但是我好像抓不到模型值。

有谁知道如何在输入事件后获取 innerHTML/innerText？

Answer 1

好的简短描述:

模板:

<div contenteditable="true"
     v-html="myHtmlCode"
     @input="onDivInput($event)">
</div>

脚本:

Methods:{
    onDivInput: function(e) {
        this.myHtmlCode = e.target.innerHTML;
        console.log('Text: %o', this.myHtmlCode );
    },
},