[Vuejs]-Multiple <select> dropdowns on one line (Foundation css import)

by

0👍

✅

Because I was using the Foundation CSS library, I did a bit of research and found that I was missing a bit of syntax on divs surrounding each of the label/select tags.

It looks like I was missing medium-6 and most crucially, columns from my <div> class tags

The syntax should have been like this:

<div class="medium-6 columns">
   <label>Country: 
       <select v-model="country" v-on:change="getSources(country)">
           <option v-for="item in countries" :value="item.code">{{ item.name }}</option>
       </select>
   </label>
</div>

Leave a comment