相关文章推荐
寂寞的紫菜汤  ·  打印沙漏Python-CSDN博客·  3 月前    · 
气势凌人的眼镜  ·  ADB Server failed to ...·  8 月前    · 
严肃的西装  ·  windows timer ...·  1 年前    · 
绅士的凉面  ·  Excel VBA/Access ...·  1 年前    · 

vue.js从输入内容的可编辑元素获取innerhtml

内容来源于 Stack Overflow,遵循 CC BY-SA 4.0 许可协议进行翻译与使用。IT领域专用引擎提供翻译支持

腾讯云小微IT领域专用引擎提供翻译支持

原文
Stack Overflow用户 修改于2021-09-03
  • 该问题已被编辑
  • 提问者: Stack Overflow用户
  • 提问时间: 2016-02-01 19:59

我试图通过contenteditable=true绑定一个vue.js事件来检测元素的变化。

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

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

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

浏览 328 关注 0 得票数 8
  • 得票数为Stack Overflow原文数据
原文
回答于2016-02-01
得票数 7

在我的vue.js组件中使用 event.target.innerText 解决了这个问题

修改于2017-03-07
  • 该回答已被编辑
  • 回答者: Stack Overflow用户
  • 回答时间: 2017-03-06 22:41
得票数 8

好的简短描述:

模板:

<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 );
},
回答于2018-09-04
得票数 2

export default {
  data() {
    return {
      content: null