how to pass id for get data from api with axios.post?

Question

I have the first two URL requests for the first page, the second to get the data of each item on the firstpage, and according to the image below in my postman, how to send the ID of each item with Axios.Post and display its data on the single page?

how to pass id in RequestID in raw?

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="">&laquo; <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> &raquo;</a>
       </div>

</template>

<script>
export default {
name : "ThirdSection",
 props : ['datas3'],
}

????
</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> 

how to show data each items in single page ?

Answer 1

I'm not sure i understand your question correctly, but i think you're asking how to path parameters in vue and inject them into an axios post.

You can read about dynamic path parameters here. You define their key in your router file and can get them from your component using this.$route.key.