Javascript for循环中的Vue插槽作用域
我在Javascript for循环中的Vue插槽作用域,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我在v-for循环中有多个插槽,如下所示。是否有一种方法可以将此数据绑定到v-for循环中的所有插槽,而不是绑定每个插槽的数据 <div class="vehicle-listing" v-for="(vehicle, index) in vehicles" :key="vehicle.id ? vehicle.id : 'undefined'+index"> <div class="vehicle-listing__image"> <sl
v-for
循环中有多个插槽,如下所示。是否有一种方法可以将此数据绑定到v-for
循环中的所有插槽,而不是绑定每个插槽的数据
<div class="vehicle-listing" v-for="(vehicle, index) in vehicles" :key="vehicle.id ? vehicle.id : 'undefined'+index">
<div class="vehicle-listing__image">
<slot name="listing-image" v-bind:vehicle="vehicle">
Default content
</slot>
</div>
<div class="vehicle-listing__title">
<slot name="listing-title" v-bind:vehicle="vehicle">
<slot name="listing-title__header" v-bind:vehicle="vehicle">
Default content
</slot>
<slot name="listing-title__subtitle" v-bind:vehicle="vehicle">
Default content
</slot>
<slot name="listing-title__price" v-bind:vehicle="vehicle">
Default content
</slot>
<slot name="listing-title__favourites" v-bind:vehicle="vehicle">
Default content
</slot>
</slot>
</div>
<div class="vehicle-listing__summary">
<slot name="listing-summary" v-bind:vehicle="vehicle">
Default content
</slot>
</div>
<div class="vehicle-listing__finance">
<slot name="listing-finance" v-bind:vehicle="vehicle">
Default content
</slot>
</div>
<div class="vehicle-listing__info">
<slot name="listing-info" v-bind:vehicle="vehicle">
Default content
</slot>
</div>
<div class="vehicle-listing__location">
<slot name="listing-location" v-bind:vehicle="vehicle">
Default content
</slot>
</div>
<div class="vehicle-listing__button-block">
<slot name="listing-cta" v-bind:vehicle="vehicle">
Default content
</slot>
</div>
</div>
默认内容
默认内容
默认内容
默认内容
默认内容
默认内容
默认内容
默认内容
默认内容
默认内容
不,无法一次绑定到所有插槽。您需要为每个插槽分别提供一个绑定
不,无法一次绑定到所有插槽。您需要为每个插槽分别提供一个绑定