Vue-formulate: Using field type select with options from database. Help me understand how to

[VivaJosh]

First of all, I really want to thank you all for coming up with this,
I deeply appreciate it is saving me a lot of hours

Just 4 days ago I stumble on this and I am loving it,
I seek help to understand form field Select :options,
My data is coming from database, as an Object/Array/JSON
everything shows up as the first option only,

Illuminate\Support\Collection {#1647 ▼ #items: array:3 [▼ 1 => "Restaurant" 2 => "Social Media" 3 => "Shopping" ] }
JSON
"{"1":"Restaurant","2":"Social Media","3":"Shopping"}"

this is what I get

Please appreciate any heads up or better way to do it

[justin-schroeder]

I'm guessing that the value you're binding into the select list is a string value on the front end and not actually an object.

Try console logging your value and see if it is a JSON string, or a javascript object. You want it to be an object

[VivaJosh]

@justin-schroeder thank you so much, you got me through

` label="Category"
placeholder="Choose Category"
:options="JSON.parse(this.data.categories)"

`
I really appreciate