@polyv/ppt-upload-sdk-scene-default NPM

课件上传组件

本文档主要描述如何接入课件上传组件，接入后可实现课件上传、展示、删除、搜索等操作。

引入

import方式引入（推荐）

import { PptUpload } from '@polyv/ppt-upload-sdk';
import PlvPptUpload from '@polyv/ppt-upload-sdk-scene-default/lib/PPTUpload';

代码示例

<template>
  <div v-if="visible">
    <plv-ppt-upload
      :ppt-upload="pptUploadCtx"
      :lang="lang"
      :share-enabled="shareEnabled"
      @open-doc="handleOpenDoc"
      @share-doc="handleShareDoc"
      @error="handleError"
      @close="handleClose"
    />
  </div>
</template>

<script>
import { PptUpload } from '@polyv/ppt-upload-sdk';
import PlvPptUpload from '@polyv/ppt-upload-sdk-scene-default/lib/PPTUpload';

export default {
  components: {
    PlvPptUpload,
  },
  data() {
      pptUploadCtx: null,
      // 中英文
      lang: 'zh_CN',
      // 是否开启分享，默认不开启，开启后点击分享按钮会触发share-doc事件
      shareEnabled: true,
      visible: false,
    };
  },
  mounted() {
    this.pptUploadCtx = new PptUpload({
      // 设置频道号
      channelId: '',
      getChannelToken: (cb) => {
        // channelToken请勿直接写在前端，请通过接口获取
        // TODO:请求获取channelToken
        cb({
          appId: '',
          channelToken: '',
        });
      },
    });
    this.visible = true;
  },
  methods: {
    handleOpenDoc(data) {
      console.info('handleOpenDoc:', data);
    },
    handleShareDoc(data) {
      console.info('handleShareDoc:', data);
    },
    handleError(err) {
      console.warn('handleError:', err);
    },
    handleClose() {
      // TODO:关闭课件窗口
      this.visible = false;
    },
  }
}
</script>