title: how to set dynamic style in select option in vue js
body: <pre class="lang-html prettyprint-override"><code>&lt;select v-model="selectcurrency"
     @change="[get(),ready(),setcookie()]"
     class="selectpicker"
     data-live-search="true"
     data-width="120px"
     style="width: 80px;"&gt;
        &lt;option v-for="item in currency" :value="item"
           :style="color:'red'" //this style&gt;
              @{{item.symbol}} -- @{{ item.name }}
        &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I need the <code>option</code> tag with <code>item.count</code> where it will color it black if <code>item.count &gt; 0</code> and color it red if <code>item.count &lt; 0</code>.</p>
  
  <p>Then an image in <code>option</code> tag with <code>item.image</code> but this doesn't work </p>
  
  <pre class="lang-html prettyprint-override"><code>data-subtext="&lt;img src='item.icon' class='img img-circle img-thumbnail'&gt;"
  </code></pre>