如上图,报错提示hw2cO为undefined!而看vue教程中作用域插槽就是这么用的,很疑惑!
上代码:
子组件:
<template>
<div class="zs">
我是HelloWorld2的孩子,这是祖先给我的{
{toZS}}
<slot></slot>
<slot name="slot1"></slot>
<slot name="slot2"></slot>
<slot :hw2c="hw2c" :hw2cO="hw2cO"></slot>
</div>
</template>
<script>
export default {
inject: ['toZS'],
data() {
return {
hw2c: 'hw2c',
hw2cO: {
a: 'I am a',
b: 'I am b'
}
};
}
};
</script>
<style>
.zs{
background-color: aqua;
}
</style>