Scoped- slots就像常规插槽同样，可是它可以将参数从子组件传递到父组件

时间 2020-02-10

标签 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