github.com/benoitkugler/goacve@v0.0.0-20201217100549-151ce6e55dc8/server/frontend/bv/src/shared/fields/RequiredSexe.vue (about)

     1  <template>
     2    <b-form-group label="Sexe" :invalid-feedback="invalidFeedback">
     3      <b-form-select
     4        :options="optionsSexe"
     5        :value="sexe"
     6        required
     7        @change="onChange"
     8      >
     9      </b-form-select>
    10    </b-form-group>
    11  </template>
    12  
    13  <script lang="ts">
    14  import Vue from "vue";
    15  import Component from "vue-class-component";
    16  
    17  const RequiredSexeProps = Vue.extend({
    18    props: {
    19      sexe: String,
    20      invalidFeedback: {
    21        type: String,
    22        default: "Merci de préciser votre sexe."
    23      }
    24    },
    25    model: {
    26      prop: "sexe",
    27      event: "change"
    28    }
    29  });
    30  
    31  @Component({})
    32  export default class RequiredSexe extends RequiredSexeProps {
    33    optionsSexe = [
    34      { text: "Homme", value: "M" },
    35      { text: "Femme", value: "F" }
    36    ];
    37  
    38    onChange(v: string) {
    39      this.$emit("change", v);
    40    }
    41  }
    42  </script>
    43  
    44  <style scoped></style>