v-viewer自定义按钮toolbar

v-viewer 是一个基于 Vue.js 的图像查看器组件，它没有提供直接自定义整个 toolbar 的功能，但你可以自定义按钮并添加到 toolbar 上。

要自定义按钮，你需要在 v-viewer 组件内部定义一个 slot，并在其中放置你自己的按钮组件。然后通过 v-viewer 的 `toolbar` 属性来指定显示自定义按钮。

以下是一个示例代码：

<template>
  <v-viewer :images="images" :toolbar="toolbarOptions">
    <template v-slot:toolbar>
      <v-button @click="customAction">Custom Button</v-button>
    </template>
  </v-viewer>
</template>

<script>
export default {
  data() {
    return {
      images: [
        'path/to/image1.jpg',
        'path/to/image2.jpg',
        'path/to/image3.jpg'
      ],
      toolbarOptions: {
        zoomIn: true,
        zoomOut: true,
        reset: true,
        prev: true,
        play: true,
        next: true,
        rotateLeft: true,
        rotateRight: true,
        flipHorizontal: true,
        flipVertical: true,
        download: true
      }
    };
  },
  methods: {
    customAction() {
      // 自定义按钮的点击事件
      console.log('Custom button clicked');
    }
  }
};
</script>

在上面的示例中，我们在 `v-viewer` 内部定义了一个 `toolbar` 的 slot，在 slot 中放置了一个 `v-button` 组件作为自定义按钮。然后通过 `toolbarOptions` 属性指定需要显示的默认按钮，同时也会显示自定义按钮。

注意，你需要使用自己的按钮组件来替代示例中的 `v-button` 组件。

希望能帮到你！如果还有其他问题，请随时提问。