vue子组件和父组件如何传参

子向父传值:$emit()

        1>1.在子组件中创建一个按钮,给按钮绑定一个点击事件

        2>在响应该点击事件的函数中使用$emit来触发一个自定义事件,并传递一个参数

        3>在父组件中的子标签中监听该自定义事件并添加一个响应该事件的处理方法

        子组件向父组件传值成功 总结一下:

        ● 子组件中需要以某种方式例如点击事件的方法来触发一个自定义事件

        ● 将需要传的值作为$emit的第二个参数,该值将作为实参传给响应自定义事件的方法

        ● 在父组件中注册子组件并在子组件标签上绑定对自定义事件的监听

        父:test1 子 :test3

        子: 

        

        eleFun(){

            this.$emit('a','我是来学习的')

        } 

        父: 

        

        b( ele ){

            console.log( ele );

        }

猜你喜欢

转载自blog.csdn.net/qq_42686961/article/details/81407783