自定义组件——父子组件传值

vue父子组件传值

父传子

使用props接收父值；

父组件

                      <comboBox
                        :configData="setData"
                        :value="val223"
                        :field="val221"
                        :operator="val222"
                      ></comboBox>
                        

子组件

        props: {
            value:{
              type:String,
            },
            field:{
              type:String,
            },
            operator:{
              type:String,
            }

        },

父获取子组件值也可以使用：this.$refs.xxxx.xxxx写法；

 子传父

子组件

this.$emit("change1", newVal);

父组件

                      <comboBox
                        :configData="setData"
                        :value="val223"
                        :field="val221"
                        :operator="val222"
                        @change1="change41"
                      ></comboBox>

父组件中添加change41函数与子组件绑定；

记录一下。。。。。