路由传递参数

两种传递方式:query、params
query传递的参数会在路由上显示,不美观,可以传递简单数据类型、简单数组,无法传递对象,
如果想要传递对象/对象数组

                    <li v-for="item in menuList" :key="item.menu">
                        <RouterLink :to="{
                            name: 'menuSecond',
                            query: {
                                secondMenu: JSON.stringify(item.secondMenu)
                            }
                        }">{{ item.menu }}</RouterLink>

同时,接收时对其

const route = useRoute()
const { query } = toRefs(route)
const secondMenu = computed(()=>JSON.parse(query.value.secondMenu))

即可传递对象/对象数组

posted @ 2025-07-10 19:35  我就起个名字不至于吧  阅读(16)  评论(0)    收藏  举报