vue nuxt input获取焦点将光标显示在最后

Question

input框获取焦点时，光标显示在最后面，可是obj.createRange()或者是obj.createTextRange()都会报错。

<input type="text" placeholder="请输入" v-model="listName" @blur="saveListName" @focus="end($event)" />

end(e){
    var obj = e.srcElement;
    obj.focus();
    var sel=obj.createRange();
    sel.moveStart('character', obj.value.length);
    sel.collapse(true);
    sel.select();
}

报错信息：

求解，谢谢~

Answer 1

你这个createRange的用法在哪里看的，不是这样用的
另外input元素可以不用range对象，可以看一下 input设置光标

obj.focus();
obj.selectionStart = obj.value.length
obj.selectionEnd = obj.value.length

Answer 2

css 文本对齐方式居右