ry-vue-map 0.2.1 → 0.2.3

package/src/views/docx/index.vue

@@ -0,0 +1,36 @@
+<template>
+  <div id="docx-demo">
+    <el-upload :limit="1" :file-list="fileList" accept=".docx" :beforeUpload="beforeUpload" action="">
+      <el-button size="small" type="warning">点击上传</el-button>
+    </el-upload>
+    <vue-office-docx :src="src" />
+  </div>
+</template>
+
+<script>
+import VueOfficeDocx from '@vue-office/docx'
+import '@vue-office/docx/lib/index.css'
+export default {
+  components: {
+    VueOfficeDocx
+  },
+  data(){
+    return {
+      src:'',
+      fileList:[]
+    }
+  },
+  methods:{
+
+    beforeUpload(file){
+      let reader = new FileReader();
+      reader.readAsArrayBuffer(file);
+      reader.onload = (loadEvent) => {
+        let arrayBuffer = loadEvent.target.result;
+        this.src = arrayBuffer
+      };
+      return false
+    }
+  }
+}
+</script>

package/src/views/excel/index.vue

@@ -0,0 +1,26 @@
+<template>
+  <vue-office-excel :src="excel" @rendered="rendered"  style="height: 100vh;"/>
+</template>
+
+<script>
+//引入VueOfficeExcel组件
+import VueOfficeExcel from '@vue-office/excel'
+//引入相关样式
+import '@vue-office/excel/lib/index.css'
+
+export default {
+  components:{
+    VueOfficeExcel
+  },
+  data(){
+    return {
+      excel: 'http://static.shanhuxueyuan.com/demo/excel.xlsx'//设置文档地址
+    }
+  },
+  methods:{
+    rendered(){
+      console.log("渲染完成")
+    }
+  }
+}
+</script>