vue中父组件循环子组件slot的使用
子组件:<div class="day_list_div" v-for="(item, index) in days" :key="index"><span>{{date+'-'}}{{item<10?('0'+item):item}}</span><slot name="bin" :data="data[index]">&l...
·
子组件:
<div class="day_list_div" v-for="(item, index) in days" :key="index">
<span>{{date+'-'}}{{item<10?('0'+item):item}}</span>
<slot name="bin" :data="data[index]"></slot>
</div>
父组件:
<dateCommon :data="data">
<template slot="bin" slot-scope="item">
<el-input v-model="item.data.code" placeholder="xx:"></el-input>
<el-input v-model="item.data.driver" placeholder="xx:"></el-input>
<el-input v-model="item.data.tourGuide" placeholder="xx:"></el-input>
</template>
</dateCommon>
父组件中的slot-scope=‘item’为子组件slot里面自定义属性的集合。
更多推荐
已为社区贡献3条内容
所有评论(0)