el-input 模拟双击全选输入框内容的事件

`el-input` 是 Element UI 提供的一个用于文本输入的组件，在 Vue.js 中使用。如果你想要模拟双击全选输入框内容的功能，可以利用 Vue 的自定义事件和一些 JavaScript 逻辑来实现。以下是一个简单的示例：

首先，在 `el-input` 组件上绑定一个 `@dblclick` 或者 `@contextmenu.prevent` 自定义事件，因为双击通常是右键菜单触发的，我们阻止了原生的右键行为并处理双击事件。

<template>
  <el-input v-model="inputValue" @dblclick="selectAllText">
    <!-- 其他属性和选项 -->
  </el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
    };
  },
  methods: {
    selectAllText() {
      this.inputValue = this.$refs.input.value; // 获取输入框的值
      // 这里可以根据需求选择是否高亮显示全部文本，比如设置 input 的 `select` 属性
      this.$refs.input.select(); // 选中全部文本
    },
  },
};
</script>

在这个例子中，当用户双击输入框时，会调用 `selectAllText` 方法，将输入框的内容复制到 `inputValue` 变量，并自动选中输入框的内容。