All Components

Focusing

You can use the NumericTextBox functionality and enable the focusing of the component.

To implement focusing, use the focus method.

<div id="vueapp" class="vue-app">
    <label for="numericTextBox" v-on:click="onClick">Number: </label>
    <kendo-numerictextbox ref="numericTextBox" :decimals="3" :value="4.41">
      </kendo-numerictextbox>
</div>
Vue.use(InputsInstaller);

new Vue({
    el: "#vueapp",
    methods: {
      onClick () {
        this.numericTextBox.focus();
      }
    },
    mounted: function () {
        this.numericTextBox = this.$refs.numericTextBox.kendoWidget();
    }
})
In this article