props的使用以及axios在前端的传送和接收

props的使用以及axios在前端的传送和接收

props

在标签添加事件，根据这个事件进行跳转，

<template  slot-scope="scope">
<el-button type="primary" size="small" @click="handletoupdate(scope)">编辑</el-button>
</template>

跳转时 在URL地址上面添加拼接上 id ，这是点击修改的数据，就有了唯一的标签

 methods :{
        handletoupdate(scope){
          var _id = scope.row._id;
          this.$router.push('/admin/postupdate/' + _id)
        },

/admin/postupdate/它的router路由配置

//这里的参数 props：true 可以直接取URL后面的id参数  
 { path : 'postupdate/:id' , component : ()=> import('@/views/Admin_postupdate.vue') , props : true} ,

Admin_postupdate.vue的页面

//这里的id就是URL后面的id参数
export default {
 props : ['id']
 }

post方式

//第一个参数就是连接后端的URL，第二个就是传送的数据，第三个参数就是在URL上？后面拼接的URL
this.$axios.post('url',param,
{ params :{ _id : this.id } }).then((res)={
    //在这里就可以处理一下接受的数据
    this.form = res.data.info;
    //form是data(){ return {}}定义好的数据
})
// 在后台的接收形式  var _id = req.query._id;
// 接收别的数据就是param里面的数据 var body = req.body

get方式

this.$axios.get('url' ,{ params :{ _id : this.id }}).then((res)=>{
     //在这里就可以处理一下接受的数据
     //想要添加别的数据也是在params里面添加 
    this.form = res.data.info;
    //form是data(){ return {}}定义好的数据
})
// 在后台的接收形式也是  var _id = req.query._id;