BsSelect

BsSelect.vue

<template>
    <div v-bind:class="'form-group ' + wrapperClass">
        <span class="required-lbl" v-if="required">* </span>
        <label>{{ label }}</label>
        <select class="form-control" v-bind:required="required" @change="updateInput($event.target.value)">
            <option v-if="placeholder" value="">{{placeholder}}</option>
            <option v-for="(option,key) in this.options" value="option" v-bind:value="key">{{option}}</option>
        </select>
    </div>
</template>

<script>
    module.exports = {
        data () {
            return {}
        },
      props: {
            value: String,
            name: String,
            label: String,
            placeholder: String,
            model: String,
            required: String,
            options: null,
            wrapperClass: {type: String, default: 'col-md-12'}
      },
      methods: {
        updateInput (val) {
          this.$emit('input', val)
        }
      }
    }
</script>
<style>

</style>