1.vue 路由跳转传值 -------- 最好用vuex,bus不适合在路由跳转中传值,因为需要初始化组件
2.http请求可用formData传递多个相同属性函数,用数组提交,在qs中,设置qs.stringify(params, { indices: false })
1. router-link
<router-link:to="{
path: 'yourPath',
params: {
name: 'name',
dataObj: data
},
query: {
name: 'name',
dataObj: data
}
}"></router-link>1.path-> 是要跳转的路由路径,也可以是路由文件里面配置的 name 值,两者都可以进行路由导航2.params-> 是要传送的参数,参数可以直接key:value形式传递3.query-> 是通过 url 来传递参数的同样是key:value形式传递// 2,3两点皆可传递
传递exportdefault{ name:'', data () {return{ msg:'test message'} }, methods: { sendParams () {this.$router.push({ path:'yourPath', name:'要跳转的路径的 name,在 router 文件夹下的 index.js 文件内找', params: { name:'name', dataObj:this.msg }/*query: {
msg
exportdefault{ name:'', data () {return{ msg:''} }, methods: { getParams () {// 取到路由带过来的参数 letrouterParams =this.$route.params.dataobj// 将数据放在当前组件的数据内this.msg = routerParams } }, watch: {// 监测路由变化,只要变化了就调用获取路由参数方法将数据存储本组件即可'$route':'getParams'} }---------------------本文来自 帅阿星 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/wy01272454/article/details/77869442?utm_source=copy