//html
<el-table :data="orderTicketData" class="tb-edits" border stripe show-summary
:summary-method="getSummaries" @selection-change="orderTicketSelection">
<el-table-column type="selection" width="45" align="center"></el-table-column>
<el-table-column label="委托单号" prop="no" align="center">
<template #default="{row}">
<el-input v-model="row.no" ref="input1" placeholder="请输入委托单号" @keyup.enter.native="handleKeyup($event, 1)"/>
</template>
</el-table-column>
<el-table-column label="MB/L No" prop="mblNo" align="center">
<template #default="{row}">
<el-input v-model="row.mblNo" ref="input2" placeholder="请输入MB/L No" @keyup.enter.native="handleKeyup($event, 2)"/>
</template>
</el-table-column>
<el-table-column label="退税抬头" prop="taxRebatesUp" align="center">
<template #default="scope">
<CommonAutocompleteSelect
type="customer"
param="taxRebatesUp"
placeholder="请选择退税抬头"
:index="scope.$index"
@commonAutoCompleteSelect="commonAutoCompleteSelect"
:targetIdProp="scope.row.taxRebatesUp"
:targetNameProp="scope.row.taxRebatesUpName"
ref="input3"
@keyup.enter.native="handleKeyup($event, 3)"
/>
</template>
</el-table-column>
</el-table>
//js
function handleKeyup (event, index ) {
if(proxy.$refs['input'+index]){
nextTick(()=>{
event.target.blur()
let i=index+1
console.log(proxy.$refs['input'+i])
if (i === 3){
proxy.$refs['input'+i].$refs['elAutocomplete'].focus()
} else {
proxy.$refs['input'+i].focus()
}
})
}
}
vue3+elementUI回车键聚焦el-input
最新推荐文章于 2024-05-16 19:06:13 发布