vue3实现路由跳转带参数

跳转前页面

            proxy.$router.push({
                path: '/property',
                //携带的参数
                query: {
                    name: 'xxx',
                }
            })

跳转后页面

<script>
import { defineComponent } from 'vue'
export default defineComponent({
    beforeRouteEnter(to, from, next) {
        next((vm) => {
            vm.backFrom(to)
        });
    }
})
</script>


<script setup >
import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
const { proxy } = getCurrentInstance();

const backFrom = (to) => {
    //接受参数
    if (to.query.name) {
        formInline.name= to.query.name
    }

};
defineExpose({
    backFrom,
});
</script>