vue 传值的几种方式

来源:互联网 发布:淘宝拍卖车不可过户 编辑:程序博客网 时间:2024/05/16 08:27

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传参

触发


监听



原创粉丝点击