vue Antd 输入框Input自动聚焦方式

vue Antd 输入框Input自动聚焦

1、从vue的实例属性$ref去调input的focus方法使其实现聚焦。

2、点击button自动聚焦，或其他事件需要聚焦

methods:{     handleChange(){         this.$nextTick(()=>{             this.$refs.ainput.focus()         })     } }

vue中输入框聚焦，自动跳转下一个输入框

需求 

点击请扫描库位，enter键触发后，跳转到下一输入框，然后自动聚焦另外一个输入框上

 // enter键触发 jumpInput() { this.$refs.barcodeMsg.focus(); // 自动获取焦点 }, 

如图

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持0133技术站。