Can someone help me with passing the ID of each item using Axios.Post in order to display its data on a single page? The image below in my Postman shows how I need to send the ID along with the request. Additionally, I have the first two URL requests for the first page and the second request to fetch the data of each item on the first page.
Here is the link explaining how to pass the ID in RequestID in raw format
firstPage.vue
<template>
<div class="articles">
<h2>Featured Articles</h2>
</div>
<div class="article-container">
<div class="article-grid" v-for="data3 in datas3" :key="data3.ContentID" >
<router-link to="/content" @click="getContent" >
<img :src="data3.LandscapeImage">
<div class="article-title">
<p>{{data3.Properties[5].Value}}</p>
<h3>{{data3.Title}}</h3>
</div>
</router-link>
</div>
</div>
<div class="number-container">
<a class="previous" href="">« <span>Previous</span></a>
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="">...</a>
<a href="">10</a>
<a class="next" href="#"> <span>Next</span> »</a>
</div>
</template>
<script>
export default {
name: "ThirdSection",
props: ['datas3'],
}
/// Your code goes here
</script>
singlePage.vue
<template>
<div class="content">
<div class="content-sidebar">
<SideBar />
</div>
<section class="main-content">
<div class="content-container">
<div class="content-img"> <img src="" alt=""></div>
<div class="content-text" >
<h2></h2>
<p></p>
</div>
</div>
</section>
</div>
</template>
<script>
import SideBar from '../../components/Sidebar.vue'
export default {
components:{
SideBar
},
</script>
Is there a way to display the data of each item on the single page?