contenteditable的div如何实现类似双向绑定效果

直接使用上面的代码会报错,因为'v-model' directives aren't supported on

elements.
参考网上各种解决办法,也未找到完美解决方案。

  1. 方法1 => https://segmentfault.com/a/1190000009225098
    这个方法解决不了光标的问题,光标总是会置于文字前面,而且输入中文时也会有问题。
  1. 方法2 => https://segmentfault.com/a/1190000008261449
    解决了光标的问题,但实际上数据是单项绑定的,innerText只更新了一次。

不能解决数据的有效双向绑定,只能通过其他方法达到效果,下面的方法算是勉强解决:








你可能感兴趣的:(contenteditable的div如何实现类似双向绑定效果)