zoukankan      html  css  js  c++  java
  • 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 的事件名="父组件中的事件名.."
  • 相关阅读:
    linux kernel ftrace 之wakeup tracer and wakeup_rt tracer
    urb传输的代码分析
    open/ioctl in kernel
    淺談C51記憶體優化(data idata xdata)
    8051 XDATA
    Android.bp
    android bionic
    echo +80 > /sys/class/rtc/rtc0/wakealarm
    高清地图下载
    更新和删除数据
  • 原文地址:https://www.cnblogs.com/whm-blog/p/8908010.html
Copyright © 2011-2022 走看看