I'm facing an issue with VueJS. I have a large dataset that I want to display in columns in a specific order. How can I properly insert the code for this? Thank you for any assistance.
[
{
"sort": 0,
"title": "My title",
"description": "My description"
},
{
"sort": 1,
"title": "My Title1",
"description": "My description"
},
{
"sort": 2,
"title": "My title2",
"description": "My description"
},
]
I need it to be arranged like this:
<div class="row pt-md-5 mt-md-5 mb-5 p-4">
<div class="col-xl-6 mx-auto">
<div class="card p-3">
<h3>Title should go here</h3>
<p>Description goes here </p>
</div>
</div>
<div class="col-xl-6 mx-auto">
<div class="card p-3">
<h3>Title should go here</h3>
<p>Description goes here </p>
</div>
</div>
</div>
</div>