牛骨文教育服务平台(让学习变的简单)
博文笔记

vue 传值的几种方式

创建时间:2017-10-03 投稿人: 浏览次数:162

1.父子传值

第一步: 在父元素中绑定一个参数 我这里的是: :id="updateId"


第二步: 在子元素中接受,使用props接收。


2.子向父传值

第一步: 在子组件中触发


我这里并没有传值,如果需要传值,就:self.$emit("updates", "你要传的值").

第二步: 在父元素监听事件



传参的直接在updates (参数) {  }

3.同级传参

两种方式

1.query穿参,或者params传参

使用 this.$router.push({path: "/", query: {参数名: "参数值"}) 

this.$router.push({name: "/", params: {参数名: "参数值"})

注意: 使用params时不能使用path

接收: var a = this.$route.query.参数名

           var b = this.$route.params.参数名

2.sessionStore传参

触发


监听



声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。