1.vue 路由跳轉(zhuǎn)傳值? ?-------- 最好用vuex滔悉,bus不適合在路由跳轉(zhuǎn)中傳值蒜哀,因為需要初始化組件
2.http請求可用formData傳遞多個相同屬性函數(shù)欺抗,用數(shù)組提交木蹬,在qs中,設(shè)置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-> 是要跳轉(zhuǎn)的路由路徑,也可以是路由文件里面配置的 name 值,兩者都可以進行路由導(dǎo)航2.params-> 是要傳送的參數(shù),參數(shù)可以直接key:value形式傳遞3.query-> 是通過 url 來傳遞參數(shù)的同樣是key:value形式傳遞// 2,3兩點皆可傳遞
傳遞exportdefault{ name:'', data () {return{ msg:'test message'} }, methods: { sendParams () {this.$router.push({ path:'yourPath', name:'要跳轉(zhuǎn)的路徑的 name,在 router 文件夾下的 index.js 文件內(nèi)找', params: { name:'name', dataObj:this.msg }/*query: {
msg
exportdefault{? ? name:'',? ? data () {return{? ? ? ? msg:''}? ? },? ? methods: {? ? ? getParams () {// 取到路由帶過來的參數(shù) letrouterParams =this.$route.params.dataobj// 將數(shù)據(jù)放在當前組件的數(shù)據(jù)內(nèi)this.msg = routerParams? ? ? }? ? },? ? watch: {// 監(jiān)測路由變化,只要變化了就調(diào)用獲取路由參數(shù)方法將數(shù)據(jù)存儲本組件即可'$route':'getParams'}? }---------------------本文來自 帥阿星 的CSDN 博客 镣典,全文地址請點擊:https://blog.csdn.net/wy01272454/article/details/77869442?utm_source=copy