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