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();
  });
}
  },
});
复制代码
具体页面中使用:
<el-input
  size="mini"
  v-select-on-focus
  v-model="formList.suppleExamOther"
  style="width: 180px"
></el-input>