在VUEJS中的Cursor位置插入字符

我一直在尝试在textarea中插入表情符号,正好是诅咒所在的位置.我how tos在网上环顾四周找不到任何具体的VUE JS.他们中的大多数都是普通的JS.

我有这个代码

我的方法

addEmoji(emoji){
        this.greeting_text += emoji.native;
        this.showPicker = !this.showPicker;
    }

显然,这段代码会将字符(表情符号,在我的例子中)添加到字符串的最后一个.我需要一个纯粹的vuejs解决方案.在vue中出现这种问题的最佳做法是什么？因为在网络中很少有基于vanilla JS或Jquery的解决方案.

两个步骤:

1 textarea使用vue-way 获取元素:

1.1 在模板代码中ref为textarea标记添加attrbute :

1.2在此组件mounted挂钩后获取此元素:

let textarea = this.$refs.ta

2获取textarea元素的光标位置.

let cursorPosition = textarea.selectionStart

这是参考:参考