Scoped- slots就像常規插槽同樣,可是它可以將參數從子組件傳遞到父組件

1.父組件 javascript

<template>
    <div>
        <link-list>
            <div slot="init" slot-scope="{init}">{{init.title}}</div>
        </link-list>
    </div>
</template>

script代碼中: props: ["init"]html

2,子組件中java

<template>
    <ul>
        <li v-for="init in list">
            <slot name="init" :init="init">
            </slot>
        </li>
    </ul>
</template>

script代碼中code

<script>
export default {
    init: '',
    data() {
        return {
            list: [
                {title: '哈哈哈'}
            ]
        }
    },
}
</script>

這是經過插槽從子組件向父組件傳值htm

相關文章
相關標籤/搜索