我是新人，在前段這個行業(yè)一年多了厂僧。渾渾噩噩過來扣草，感覺總是缺點什么。發(fā)布點我遇到的坑（算是自己的經(jīng)驗累積 颜屠，是我的第一篇 辰妙。幫別人是幸福的吧）
（1）
單一?的重復(fù)獲取焦點
<el-input
? placeholder="請輸入內(nèi)容"
ref="InputWarp"
? v-model="input"
? clearable>
</el-input>
<el-row>
? <el-button? @click="handler">默認(rèn)按鈕</el-button>
</el-row>
<script>
? export default {
? ? data() {
? ? ? return {
? ? ? ? input: ''
? ? ? },
methods:{
handler(){
setTimeout(()=>{
this.$refs.InputWarp.focus();
},10)
}
}? }
? }
</script>
（2）?遠(yuǎn)程搜索下拉?選擇后再次將光標(biāo)聚焦到input?內(nèi)部
<template>
<el-autocomplete
? v-model="state"
ref="test"
? :fetch-suggestions="querySearchAsync"
? placeholder="請輸入內(nèi)容"
? @select="handleSelect"
@blur="handleBlur"
>
<div @mouseover="handshow = true" @mouseleave="handshow = false">{{ item.label }}</div>
</el-autocomplete>
</template>
<script>
? export default {
? ? data() {
? ? ? return {
handshow :false,//鼠標(biāo)是否移動在下拉區(qū)域
? ? ? ? cities: [{
? ? ? ? ? value: 'Beijing',
? ? ? ? ? label: '北京'
? ? ? ? }, {
? ? ? ? ? value: 'Shanghai',
? ? ? ? ? label: '上海'
? ? ? ? }, {
? ? ? ? ? value: 'Nanjing',
? ? ? ? ? label: '南京'
? ? ? ? }, {
? ? ? ? ? value: 'Chengdu',
? ? ? ? ? label: '成都'
? ? ? ? }, {
? ? ? ? ? value: 'Shenzhen',
? ? ? ? ? label: '深圳'
? ? ? ? }, {
? ? ? ? ? value: 'Guangzhou',
? ? ? ? ? label: '廣州'
? ? ? ? }],
? ? ? ? value: ''
? ? ? },
methods: {
querySearchAsync(string, cb){//input?獲取焦點觸發(fā)的事件（內(nèi)容發(fā)生變化觸發(fā)）
},
handleSelect(){//點擊下拉選項 （選中下拉選項）
},
handleBlur(){（失去焦點時觸發(fā)）
if(!this.handshow){
}else{
this.handshow = false;
setTimeout(()=>{
this.$refs.test.focus()
},10)
}
}
}
? ? }
? }
</script>
