element-ui select 获取焦点时,光标移到文字最后

背景:element-ui select 可搜索组件 默认 focus 的时候,会呈现选中状态,怎么才能取消选中             状态,让光标停留在文字最后?css

默认效果:element-ui

目标效果:bash

代码以下:app

<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!~ 大功告成!ui


参考连接spa

相关文章
相关标签/搜索