input 获取焦点时全选

这样的一个状态。这样编辑的时候就直接覆盖掉原来的。
在main.js里面自定义指令

// input框获取焦点时全选。注意input类型是textarea时
Vue.directive("select-on-focus", {
  inserted(el) {
    const input = el.querySelector('input') || el.querySelector('textarea');
if (input) {
  input.addEventListener('focus', () => {
    input.select();
  });
}
  },
});

具体页面中使用：