配置项

为了满足开发者不同的使用需求，本插件提供了丰富的配置项以供选择，只需要在调用插件时将配置项传入，即可实现不同的个性化效果。

this.$hevueImgPreview(options)

options

全局配置项

对于某些配置，例如开启键盘事件，点击遮罩层关闭，我们可能要全局保持统一，但却需要在每一次调用时重复配置，为了解决这个问题，我们提供了全局配置项，您可以在引入插件的时候，将全局配置项作为第二个参数传入即可，以免再每次调用的时候重复配置。

vue2 版本

// main.js
import hevueImgPreview from 'hevueImgPreview'
Vue.use(hevueImgPreview, {
  keyboard: true,
  clickMaskCLose: true
  ...
})

vue3 版本

// main.js
const app = createApp(App)
app.use(hevueImgPreview, {
  keyboard: true,
  clickMaskCLose: true
  ...
})
app.mount('#app')

提示

配置项的优先级为 组件内传入配置 > 全局配置 > 默认值

下面我们就通过示例来了解每一个配置项如何使用