Ionic-vue, How to setFocus on Next button press in native keyboard?

Ionic Framework
1

I’m having difficulties trying to change focus from one input to another by pressing the next button in android/ios keyboard since there is no example for the usage of setFocus method.

Maybe somebody here has already achieved this before? Can anyone please show me some example?

What I’ve tried so far:

// template
<form-input
  enterkeyhint="next"
  @keyup.enter="changeFocus('password')"
/>

<form-input
  ref="password"
/>

// .ts
methods: {
  changeFocus(nextFocus: string): void {
    this.$refs[nextFocus].setFocus();
  },
},

// errors
TS2571: Object is of type 'unknown'.
[vue-cli-service]     80 |     methods: {
[vue-cli-service]     81 |       changeFocus(nextFocus: string): void {
[vue-cli-service]   > 82 |         this.$refs[nextFocus].setFocus();
[vue-cli-service]        |         ^^^^^^^^^^^^^^^^^^^^^
[vue-cli-service]     83 |       },
[vue-cli-service]     84 |     },
[vue-cli-service]     85 |   });
2

Did you get anywhere with this? I cannot get setFocus to work :frowning:

3

@dangerdan
Not yet, but i found some clues, not implemented it yet. I’ll test it first and let you know if it works.