2021-05-19

vue中如何获取input标签中光标位置 然后截取拼接字符串 重新填入input值 重新设置光标

set_text(id,icon){
   this.$nextTick(() => {
        var elInput = document.getElementById(id)
        var startPos = elInput.selectionStart;
        var endPos = elInput.selectionEnd;
        if (startPos === undefined || endPos === undefined) return
        var txt = elInput.value;
        var result = txt.substring(0, startPos) + icon + txt.substring(endPos)
        elInput.value = result;
        elInput.focus();
        elInput.selectionStart = startPos + icon.length;
        elInput.selectionEnd = startPos + icon.length;
        this.content = result // 赋值到输入框内容
   })
}