service-select.vue

<template>
  <div>
    <q-select
        v-model="selected"
        :float-label="floatLabel"
        filter
        radio
        autofocus-filter
        :options="customOptions"/>
  </div>
</template>

<script>
export default {
  props: {
    floatLabel: {
      default: 'Serviço'
    },
    value: {
      default: null
    },
    customOptions: {
      default: null
    }
  },
  data () {  },
  methods: {
    emiteSelecionado (newValue, oldValue) {
      if (!newValue && !oldValue) {
        return
      }
      this.$emit('selected', newValue)
    }
  },
  watch: {
    selected (newValue, oldValue) {
      console.log('emiteSelecionado', newValue, oldValue)
      this.emiteSelecionado(newValue, oldValue)
    }
  },
  computed: {
    selected: {
      get: function () {
        if (this.value && this.value.toString().length > 0) {
          console.log('get computed selected', this.value)
          return this.value
        }
        return null
      },
      set: function (value) {
        console.log('set computed selected', value)
        this.$emit('input', value)
      }
    }
}
</script>

<style>
</style>