子组件:

<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里面自定义属性的集合。

Logo

前往低代码交流专区

更多推荐