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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (2726)

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

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

这会在我的vue.js vue中触发触发器方法,但我似乎无法获取模型值。

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

谢谢你的帮助!

提问于
用户回答回答于

好的简短说明:

模板:

<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 );
    },
},
用户回答回答于

通过event.target.innerText在我的vue.js组件中使用解决了它

扫码关注云+社区

领取腾讯云代金券