vue中当使用div标签的contenteditable的时候,动态获取输入内容的方法

当使用div标签进行编辑的时候,如果想要动态获取输入的值,也就是div盒子中的内容,用v-model会报错,不支持

解决方案(用ref和this.$refs以及js的innerHTML来获取)

同时要记得用v-on监听一个input事件

用给标签加上ref属性之后,再到监听input事件的方法里去用this.$refs.自定义的ref名字,即可获取到这个标签对象,然后再用innerHTML即可获取到里面的值

 vue中当使用div标签的contenteditable的时候,动态获取输入内容的方法_第1张图片

你可能感兴趣的:(vue)