路由传递参数
两种传递方式: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))
即可传递对象/对象数组