便捷给 input 施加 focus 方法
在 Vue.js 中，需要在输入框获取焦点时将光标置于右侧。以下几种方式可以快速便利地解决此问题：
自定义指令
// main.js
Vue.directive('focus-right', {
inserted: function (el) {
el.addEventListener('focus', function () {
const length = el.value.length;
setTimeout(() => {
el.selectionStart = length;
el.selectionEnd = length;
});
});
}
});组件中使用
插件
立即学习“前端免费学习笔记（深入）”；
// focusPlugin.js
const FocusRightPlugin = {
install(Vue) {
Vue.prototype.$inputFocusRight = function (e) {
const input = e.target;
const length = input.value.length;
setTimeout(() => {
input.selectionStart = length;
input.selectionEnd = length;
});
};
}
};
// main.js
import FocusRightPlugin from './focusPlugin';
Vue.use(FocusRightPlugin);组件中使用
