输入框按下回车后,控制聚焦到下一个输入框

481 阅读1分钟

场景

需求如下图所示,要求填完一个单元格后,按回车跳到下一个单元格。

image.png

方法

使用@keyup.enter,vue提供的监听回车事件。

例如

// template
<a-input ref="test1" @keyup.enter="nextFocus('test2')" />
<a-input ref="test2" />

// script
methods: {
    nextFocus(nextRef) {
        this.$refs[nextRef].focus()
    }
}