vue父子组件传值方式
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue父子组件传值方式相关的知识，希望对你有一定的参考价值。
参考技术A 子组件使用 this.$emit(‘自定义的属性名’，准备传过去的属性值)<li v-for="(item, i) in topList" @click="this.$emit('zidingshuxing',i)"></li>
父组件使用 @子组件自定义属性名=方法（参数）来接收传递过来的数值
<top @zidingyishuxing = 'jieshou'></top>
父组件使用自定义动态绑定属性给子组件传值 注意字符串要单独引起来
<top :shuxing=" '我是子组件的值' "></top>
子组件使用props['自定义属性名称']来接收，使用方法跟data里的值一样， 属性名称也需要单独引起来
props：[‘shuxing’]
以上是关于vue父子组件传值方式的主要内容，如果未能解决你的问题，请参考以下文章