vue路由传参方式

最新推荐文章于 2024-09-20 11:00:29 发布

stoiCasey

最新推荐文章于 2024-09-20 11:00:29 发布

阅读量46

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_42216094/article/details/120263802

版权

一、路由名称传参

<script>
export default {
    data () {
        return {
            id: 1030,
        }
    },
    methods: {
        jumpToIndex() {
            this.$router.push({
            	name:"index",
            	params: {
            		id:this.id
            	}
            })
        }
    }
}
</script>
console.log(this.route.params); // 1030

二、路由地址传参

<script>
export default {
    data () {
        return {
            id: 1030,
        }
    },
    methods: {
        jumpToIndex() {
            this.$router.push({
            	path:"xxx/xx/x",
            	query: {
            		id:this.id
            	}
            })
        }
    }
}
</script>
console.log(this.route.query); // 1030