vue 子页面,向父页面 传值...


子组件 通过 事件 向父组件传值.....

父组件 方法:

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 的事件名="父组件中的事件名.."

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM