vant中action-slot用法

在 Vant 中，`ActionSheet` 组件提供了 `action-slot` 属性，可以自定义操作菜单的内容。`action-slot` 可以接收一个插槽，用于渲染自定义的操作按钮。

例如：

<van-action-sheet :actions="actions" :cancel-text="cancelText" v-model="show">
  <!-- 自定义操作按钮 -->
  <template #action="{ text, icon, color }">
    <van-button icon="{{ icon }}" color="{{ color }}">
      {{ text }}
    </van-button>
  </template>
</van-action-sheet>

在上面的示例中，我们通过 `action-slot` 插槽来自定义操作按钮。插槽的名称为 `action`，插槽的内容为一个 `van-button` 组件，可以根据传入的参数来渲染不同的按钮。

需要注意的是，在自定义操作按钮时，需要使用插槽作用域参数 `text`、`icon` 和 `color`，分别表示操作按钮的文本、图标和颜色。这些参数都是从 `actions` 数组中传递过来的。如果你想自定义更多的属性，可以在 `actions` 数组中添加相应的属性，然后在插槽中使用作用域参数来渲染。

另外，`action-slot` 插槽还可以接收一个 `index` 参数，表示当前操作按钮在 `actions` 数组中的索引。如果你需要根据索引来执行不同的操作，可以利用这个参数来实现。