vue.js for循环里用组件, 怎么传值?

Question

父组件:

<template v-for="item in myway.list">
    <compa v-if="$index % 2 == 0" data></compa>
    <compb v-else data></compb>
</template>

2个子组件:

<template>
    <li class="subject">1{{ data.title }}</li>
    <li class="content">1{{{ data.content }}}</li>
</template>
<script>
    module.exports = {
        props: ['data']
    }
</script>

怎么才能把父组件中的item传到子组件中?

Answer 1

你可以试试 v-bind 绑定动态 Props 到父组件的数据。

<template v-for="item in myway.list">
    <compa v-if="$index % 2 == 0" :data="item"></compa>
    <compb v-else :data="item"></compb>
</template>