title: V-IF and V-for Loop conditional with select options seems to be never entering the v-else statement
body: <p>So I was wondering why this v-if and v-else statement did not work and why I to tackle it a different way. </p>
  
  <p>The code is as follows</p>
  
  <pre><code>&lt;select v-else v-model="experiment.workflow" required&gt;
      &lt;option selected :value="null"&gt;Required: Select a Workflow {{ isChain ? 'Chain' : '' }}&lt;/option&gt;
      &lt;option
       v-if="isWorkflowChain"
       v-for="workflow of data.workflows"
       :key="workflow.uuid"
       :value="workflow"
           {{ workflow.head.name }}&gt;
      &lt;/option&gt;
      &lt;option
       v-else
       v-for="workflow of data.workflowChains"
       :key="workflow.uuid"
       :value="workflow"
       &lt;/option&gt;
  </code></pre>
  
  <p>So I was given this piece of code and it looks like when loading in the data in the v-if statement was fine and the values showed in the drop down menu. When I set the value to </p>
  
  <pre><code>export default {
      props: {
           isWorkflowChain: {
               type: Boolean
               value: false
               }
          }
      }
  </code></pre>
  
  <p>What should have occurred was that it should have skipped the v-if element and head into the v-else (Which I believe it does) and populate the data but the v-for statement doesn't populate the data. From first glance does anyone have any thoughts as to why? </p>