vue 作用域插槽 怎么传递多个props

Question

1.定义的插槽

<slot name="client" :buy="data.buy" :pay="data.pay"></slot>

2.父组件

<template v-slot:client>
    <div class="client" >
        购买<span>{{data.buy}}</span>次,付款<span>{{data.pay}}</span>次
    </div>
</template>

想问父组件怎么接收多个props,还是说一次只能传一个，然后分开接？

Answer 1

<template v-slot:client="data">
  <div class="client">
    购买<span>{{data.buy}}</span>次,付款<span>{{data.pay}}</span>次
  </div>
</template>