<template>
  <div>
   <!-- 文件预览组件 -->
   <file-preview :file-url="url" :file-type="fileName" type="ai" />
  </div>
</template>

<script>
import FilePreview from "@/components/FilePreview/index.vue"; // 新增文件预览组件
export default {
 /*组件参数 接收来自父组件的数据*/
 props: {
   
 },
 /*局部注册的组件*/
 components: {
   FilePreview, // 注册文件预览组件
 },
 /*组件状态值*/
  data () {
     return {
       url:'',
       fileName:''
     };
  },

 /*计算属性*/
 computed: {},

 /*侦听器*/
 watch: {},

 /*
 * el 被新创建的 vm.$ el 替换，并挂载到实例上去之后调用该钩子。
 * 如果 root 实例挂载了一个文档内元素，当 mounted 被调用时 vm.$ el 也在文档内。
 */
 mounted () {
   this.fileName=this.$route.query.fileExtension
   this.url=localStorage.getItem('href')
   console.log(localStorage.getItem('href'));
 },

 /*组件方法*/
  methods: {}
}
</script>
<style lang='css' scoped>

</style>