Example of how to build a Vue.js input component

Vue input component setup

<template>
<select :value="value" :name="name" class="form-control" v-on:input="updatevalue($event.target.value)" ref="input">
<slot></slot>
</select>
</template>

<script>
export default {
        props:['value','name'],
        methods: {
            updatevalue: function(value){

                this.$refs.input.value = value;

                // Emit the number value through the input event
                this.$emit('input', value);

            }
        }
    }
</script>


=====================

<inputcomponent v-model="modelname"></inputcomponent>