基础的配置

页面代码

ibps-file-viewer基本默认的配置代码展示。直接写入模板内，传入对应得属性值即可。

<template>
  <div>
      <ibps-file-viewer
        :visible.sync="dialogVisible"
        :title="title"
        :url="url"
        :file-ext="fileExt"
        @close="$emit('close', false)"
      />
  </div>
</template>
<script>
...
import IbpsFileViewer from '@/components/ibps-file-viewer'
...
export default {
  components: {
   ...
   IbpsFileViewer,
   ...
  },
  data() {
    ...
  }
}
</script>

详细的请查看API进行使用。