[Vuejs]-Bind Icon in dropdown list in Vue Js

by

0👍

Instead use the Unicode version of the icon instead.

For the circle icon the unicode value is 

Link to icon.

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css" rel="stylesheet"/>
<select id="testID" v-model="testModel" v-on:change="changeEvent">
    <option v-bind:value="da" v-for="da in data.Users">{{da.DisplayText}} &#xf111;</option>
</select>

Check out this related post. Should answer your question.

Leave a comment