Vue路径传值 ($router.push({query:{}))

一、传值起始组件

export default {
methods: {
            toDetails(item){
                this.$router.push({
                    path:"/details",//目标路径
                    query:{
                        item,//要传的值
                    }
                })
            }
        },
}

二、传值目标组件


export default{
	data () {
		return {
			item:''
		}
	},
	activated(){//例子中加了keep-alive,所以用这个生命周期函数接
		this.item = this.$route.query.item;
	}
}

猜你喜欢

转载自blog.csdn.net/qq_43540219/article/details/107703379