插槽范围多参数

Question

当我尝试在vue插槽范围内使用两个参数时，找不到任何关于它的示例。当我使用以下代码满足需要时，它将报告解析错误

<template v-slot:name="text, record">
    <div>{{record.name}}</div>
    <div>{{record.short_name}}</div>
</template>

Answer 1

您可以仅使用v-bind将所有属性导出到插槽组件。然后，您可以访问all bind属性。 Try this one

或者您也可以按名称Try this one

导出属性

Answer 2

在父母中，您应该使用df.iloc[0,3] Out[15]: 'John' 传递道具。

• https://vuejs.org/v2/guide/components-slots.html#Other-Examples

• https://vuejs.org/v2/api/#v-bind

  v-bind

在子组件中，您可以使用解构。

• https://vuejs.org/v2/guide/components-slots.html#Destructuring-Slot-Props

  <slot name="name" v-bind:text="text" v-bind:record="record"/>
  // or
  <slot name="name" v-bind="{ text, record }"/>