VUE 是否可以用Tab事件替換回車事件？

題目描述

項目使用vue 2.x， element-ui
客戶有一個需求： 客戶習(xí)慣使用回車鍵去切換頁面上的控件焦點，客戶想在按鍵盤上的回車鍵的時候去實現(xiàn)下一個組件獲取焦點并繼續(xù)操作（用戶不想按Tab鍵）。

問題：
在vue中如何實現(xiàn)以下效果： 當(dāng)用戶按鍵盤上的回車鍵時就相當(dāng)于他按了鍵盤上的Tab鍵所產(chǎn)生的效果。

題目來源及自己的思路

當(dāng)前解決辦法是：

1. 在每個頁面上添加一個數(shù)組對象去維護頁面上所有的組件。
2. 在頁面上的每個text框和select框上面設(shè)置一個ref="XXX"引用。
3. 在頁面上的每個text框和select框上面添加 @keyup.enter.native="selectXXX" 事件去獲取下一個組件的ref 并獲取焦點。

大家有沒有什么更好的解決方案？ 最好能全局替換掉回車事件，而不需要每個頁面都去單獨寫這些事件控制代碼。