vue-router通过params传参,接收不到

页面进行跳转,数据有点多,就用了params传参,但用params,就只能用name,不能用path

router.push({
        name: 'EventDetail',
        params: {
            listData: strData
        }
    })

但界面Onmounted里打印出来的route.params是空对象,

import {onMounted, reactive} from "vue";
import { useRoute } from "vue-router";

const route = useRoute()
let content = reactive({})
onMounted(() => {
    content = JSON.parse(route.params.listData)
    console.log(content)
})

看了下版本是最新的4.1,几的版本,然后切换回了低版本,

 

 现在就可以了,最新版本中对params传参有要求,具体没研究,就先用的低版本来实现功能了

posted @ 2023-02-03 14:50  幻影之舞  阅读(891)  评论(0)    收藏  举报