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

Question

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

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

这会触发我的 vue.js vue 中的触发方法，但我似乎无法抓取模型值。

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

原文由 Jorre 发布，翻译遵循 CC BY-SA 4.0 许可协议

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 );
    },
},

原文由 Markus Lenz 发布，翻译遵循 CC BY-SA 3.0 许可协议