vue给嵌入的网页传参_vue中从一个页面传参到另一个页面

首先我在home.vue中定义

updates(id){

this.$router.push({

path:‘/world‘,

name:‘world‘,

params:{

id : id

}

})

}

其次在另一个页面world.vue中

export default {

name: ‘‘,

data () {

return {

id: ‘‘

}

},

created(){

this.getParams()

},

methods: {

getParams () {

// 取到路由带过来的参数

var routerParams = this.$route.params.id

// 将数据放在当前组件的数据内

this.id = routerParams

}

},

watch: {

// 监测路由变化,只要变化了就调用获取路由参数方法将数据存储本组件即可

‘$route‘: ‘getParams‘

}

}

原文：https://www.cnblogs.com/zz191308/p/12484372.html