vue子组件传值给父组件$emit,slot以及function形式传值

1,方法1

this.$emit('时间名称',传的值)
2,通过父组件传值给子组件值方法,子组件通过该方法将值传给父组件,下面贴代码方便理解

子组件内






下面是父组件接收值






下面进行说明

利用function方式以及$emitfangshi :子传值主要在

vue子组件传值给父组件$emit,slot以及function形式传值_第1张图片

利用function方式以及$emitfangshi:接收值主要在

vue子组件传值给父组件$emit,slot以及function形式传值_第2张图片

利用function方式以及$emitfangshi:处理值

 

vue子组件传值给父组件$emit,slot以及function形式传值_第3张图片

利用slot方式

vue子组件传值给父组件$emit,slot以及function形式传值_第4张图片

slot-scope接收值

vue子组件传值给父组件$emit,slot以及function形式传值_第5张图片

slot传值参考:https://cn.vuejs.org/v2/guide/components-slots.html#%E8%A7%A3%E6%9E%84-slot-scope

你可能感兴趣的:(javaweb,vue)