子组件 通过 事件 向父组件传值.....
父组件 方法:
methods: { appendData: function (list) { console.log(list); for (var i = 0; i < list.length; i++) { this.recruitArray.push(list[0]); } } },
子组件:
sendData: function (list) { /* 通过 父组件的appendData方法,父组件可以取到 list 值,以此 来添加值!!!这个事件最好全是小写的..否则有各种各样的问题出现... */ this.$emit('appenddata', list); }
注意 ..事件名最好全部小写...否则 会出现一种错误..根 页面 组件 接收不到 该子组件传递过来的值,但是 根页面组件中的组件调用该组件时能取到值....
也就是如过调用该组件时不被 vue 注册成组件的话 直接写 驼峰命名法 会 无效....!
调用子组件时:
<vue-pull-load :start-load="recruitStartLoad" :fetch-url="'__MODULE__/shangquan/getShopRecruit?id='+shop.id" @appenddata="appendData"></vue-pull-load> $emit 的事件名="父组件中的事件名.."