vue3路由传参

之前试过其他的传参方法，不知道咋回事，就state不会失灵 

router.push({
    name: 'index',//index为跳转页面
    //state传参
    state: {
        name: 'xiaoming'
    }
})

index.vue接收页： 

import { useRouter } from 'vue-router';
const router = useRouter();

let name= router.options.history.state.name;//获取参数
// console.log(name)