vue.js从输入内容的可编辑元素获取innerhtml
vue.js从输入内容的可编辑元素获取innerhtml
提问于 2016-02-01 19:59:35
我试图通过contenteditable=true绑定一个vue.js事件来检测元素的变化。
<div id="test" contenteditable="true" v-on-input="trigger" v-model="test"></div>这触发了我的vue.js vue中的触发器方法，但是我似乎无法获取模型的值。
有人知道如何在输入事件后获取innerHTML/innerText吗？
回答 4
Stack Overflow用户
发布于 2017-03-06 22:41:25
好的简短描述：
模板：
<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 );
},
},Stack Overflow用户
发布于 2016-02-01 20:11:55
在我的vue.js组件中使用event.target.innerText解决了这个问题
Stack Overflow用户
发布于 2018-09-04 02:08:04
export default {
data() {
return {
content: null
}
},
methods: {
onFocusOut: function(e) {
this.content = e.target.innerHTML
}
}
}<div contenteditable="true" v-html="content" @focusout="onFocusOut($event)"></div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35130003
复制相关文章
相似问题