v-viewer的所有配置项

v-viewer是一个基于Vue.js的图片查看器组件，它提供了一些配置项来自定义查看器的行为和外观。以下是v-viewer的一些常用配置项：

1. `images`：设置要显示的图片列表。可以是一个包含图片URL的数组，也可以是一个包含图片对象的数组，每个对象包含`src`和`alt`属性。

2. `initialIndex`：设置初始显示的图片索引。

3. `zoomable`：设置是否允许缩放图片。默认为`true`。

4. `rotatable`：设置是否允许旋转图片。默认为`true`。

5. `scalable`：设置是否允许调整图片大小。默认为`true`。

6. `transition`：设置图片切换的过渡效果。可以是一个字符串，表示过渡效果的名称，或者是一个包含过渡效果属性的对象。

7. `toolbar`：设置是否显示工具栏。默认为`true`。

8. `navbar`：设置是否显示导航栏。默认为`true`。

9. `title`：设置是否显示图片标题。默认为`true`。

10. `fullscreen`：设置是否显示全屏按钮。默认为`true`。

11. `keyboard`：设置是否启用键盘导航。默认为`true`。

12. `urlOptions`：设置图片URL的选项，用于处理不同的图片URL格式。

13. `options`：设置Viewer.js的选项，用于进一步自定义查看器的行为。

下面是一个示例配置：

<template>
  <v-viewer :images="images" :initialIndex="0" :zoomable="true" :rotatable="true" :scalable="true" :transition="'fade'" :toolbar="true" :navbar="true" :title="true" :fullscreen="true" :keyboard="true" :urlOptions="{ index: 'id', src: 'url' }" :options="{ inline: true }"></v-viewer>
</template>

<script>
export default {
 data() {
    return {
      images: [
        { id: 1, url: 'path/to/image1.jpg', alt: 'Image 1' },
        { id: 2, url: 'path/to/image2.jpg', alt: 'Image 2' },
        { id: 3, url: 'path/to/image3.jpg', alt: 'Image 3' }
      ]
    };
  }
};
</script>