element-ui select 獲取焦點時，光標移到文字最後

背景：element-ui select 可搜索組件 默認 focus 的時候，會呈現選中狀態，怎麼才能取消選中             狀態，讓光標停留在文字最後？

默認效果：

目標效果：

代碼以下：

<el-select v-model="value" filterable placeholder="請選擇" @click.native="change" id="select">
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value">
      </el-option>
    </el-select>複製代碼

options: [{
          value: '選項1',
          label: '黃金糕'
        }, {
          value: '選項2',
          label: '雙皮奶'
        }, {
          value: '選項3',
          label: '蚵仔煎'
        }, {
          value: '選項4',
          label: '龍鬚麪'
        }, {
          value: '選項5',
          label: '北京烤鴨'
        }],
        value: ''複製代碼

change () {
      $("#select").css("display","inline").val('');
      $("#select").get(0).focus();
    },複製代碼

ok！～ 大功告成！

參考連接