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;
