海诗网 知识百科 vue父子组件传值(vue父子组件传值)

vue父子组件传值(vue父子组件传值)

vue父子组件传值, 父子组件是将另一个vue文件引入一个vue文件。引入的vue文件是子组件,引入的vue文件是父组件。以下是父子组件值传递的具体操作。

1.父节点将值属性传递给子节点。

父组件:child :inputName=name

子组件:

(1)道具:{inputName: String

required: true

}

(2) Prop: [Enter name]

vue父子组件传值

2.子组件将值$emit传递给父组件。

子组件:

span{{childValue}}/span

!-定义向子组件传递值的方法-

Input type=button value=click trigger @click=childClick

Export the default {data () {return {childValue: I am the data of the subcomponent.

}

},

methods: {childClick () {

this.$emit(childByValue, this.childValue)

}

}

}

vue父子组件传值

关于亲子组件价值传递,我们要分享的就这么多!

vue父子组件传值,以上就是本文为您收集整理的vue父子组件传值最新内容,希望能帮到您!更多相关内容欢迎关注。

本文来自网络,不代表海诗网立场,转载请注明出处:https://m.hallse.com/n/169652.html
发表回复