vue slot插槽传值
vue slot插槽传值,简洁版
·
1、子组件写法:slot上直接绑定属性,name指定插槽名称与父组件匹配;
<div class="test-slot">
<slot :data1='data1'></slot>
<slot name='main' :data2='data2'></slot>
</div>
2、父组件写法:v-slot:【插槽名】='scope', 如: scope={data1: data1};
<div>
<template v-slot:default='scope'>{{scope.data1}}</template>
<template v-slot:main='{ data2 }'>{{ data2 }}</template>
</div>
更多推荐
已为社区贡献3条内容
所有评论(0)