Here is a select
element with font families that I want to apply to my texts:
<select v-model="focused_font">
<option value="" disabled selected>Font</option>
<option v-for="font in available_fonts" v-bind:value="font"
v-bind:style="{fontFamily : font}" @>
{{ font }}
</option>
</select>
I attempted to create a dropdown menu using Vue.js but encountered difficulties. Below is my data object:
data: {
available_fonts: [
"Pacifico",
"Dancing Script",
"Shadows Into Light",
"Lobster",
"Anton",
"Indie Flower",
"Charmonman",
"Kodchasan",
"Notable",
"Mali",
"Srisakdi",
"Slabo 27px"
]
}