How to insert text in contentEditable cursor position in vue js?

Question

JavaScript

There is:

<div ref="input" contenteditable="true" role="textbox" tabindex="0" aria-multiline="true"></div>

It is necessary, on vue js, to insert text at the cursor position.

Answer 1

https://jsfiddle.net/f14f7Lmw/1/
Only Vue has almost nothing to do with it.