title: Pass selected option <b-form-select> to axis post from child to parent
body: <p>I created a form using Vue.js. All my input fields are getting passed but I can't get the value in the &lt;b-form-select&gt; to pass. How do I pass the value of the selected option in &lt;b-form-select&gt; to parent?</p>
  <p>child:</p>
  <pre><code>&lt;label&gt; 
                for=&quot;source&quot;
                class=&quot;inline-3-columns--camp-wizard&quot;
              &gt; 
                &lt;span class=&quot;title__field&quot;&gt;Network&lt;/span&gt;
                &lt;b-form-select
                  id=&quot;source&quot;
                  v-model=&quot;networkAudience.source&quot;
                  data-vv-as=&quot;source&quot;
                  name=&quot;source&quot;
                  value-field=&quot;value&quot;
                  text-field=&quot;label&quot;
                  :options=&quot;sources&quot;
                /&gt;            
                &lt;span
                  class=&quot;title__field&quot;
                  data-vv-as=&quot;source&quot;
                &gt;
                  {{ networkAudience.source }}
                  &lt;input
                    v-model=&quot;networkAudience.source&quot;
                    name=&quot;source&quot;
                    type=&quot;hidden&quot;
                    data-vv-as=&quot;source&quot;
                  &gt;
                &lt;/span&gt;
              &lt;/label&gt;
  </code></pre>
  <p>Here is my script:</p>
  <pre><code>
       data() 
      {
          return {
              selectedclientId: null,
              networkAudience: {
                  source: '',
                  name: '',               
              },
              sources: [     
                  {value: &quot;Group1&quot;, label:&quot;Group1&quot;},
                  {value: &quot;Group2&quot;, label:&quot;Group2&quot;}],
          };
      },
      methods: {
          async submit() 
          {            
              axios.post(projConfig.apiRoot + `/s/audiences/${this.audienceId}/network-audiences/`, this.networkAudience)
                  .then(response =&gt; 
                  {
                      this.networkAudiences = response.data;
                      console.log(response);
                      this.$emit('on-success');
                  })
                  .catch(error =&gt;
                  {
                      console.error(error);
                  });
          },
      
      }
  </code></pre>
  <p>Parent:</p>
  <pre><code>&lt;transition
    name=&quot;fade&quot;
    @after-leave=&quot;VueEvent.$emit('close-preview-panel')&quot;
  &gt;
    &lt;preview-panel
      v-if=&quot;showAddNetwork&quot;
      :content-classes=&quot;'panel__content--camp-creation mw-1150'&quot;
      :title=&quot;'Add Network Audience'&quot;
      @close-preview=&quot;showAddNetwork = false&quot;
    &gt;
      &lt;template #content&gt;
        &lt;AddNetworkAudience
          :audience-id=&quot;currentAudId&quot;
          @on-cancel=&quot;showAddNetwork = false&quot;
          @on-success=&quot;handleAddNetworkAudienceSuccess&quot;
        /&gt;
      &lt;/template&gt;
    &lt;/preview-panel&gt;
  &lt;/transition&gt;
  </code></pre>
  <p>I've tried changing my submit method but it isn't working.</p>
  <p>I get the following errors after submitting the form:</p>
  <p><a href="https://i.stack.imgur.com/mvi2e.png" rel="nofollow noreferrer">error in network</a></p>
  <p><a href="https://i.stack.imgur.com/m5Jkh.png" rel="nofollow noreferrer">enter in console</a></p>