A组件点击跳到B组件,携带参数过去
A组件中 (传参)
这里的Bpage是router --> index.js中B页面配置的name
<div v-for="(item,index) in list" :key="index" @click="toDetail(item.username)">
{{ item.title }}
</div>
toDetail(info) {
this.$router.push({
name: "Bpage",//params是个对象,可以写很多个参数传过去
params: {
uName:info
}
})
}
B组件(接收参数)
mounted() {
this.userName= this.$route.params.uName
},data() {
return {
userName: ""
}
},
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。