首页 > 其他分享 >vue3中使用@vue-office/pdf项目中报Cannot set properties of undefined (setting 'width')

vue3中使用@vue-office/pdf项目中报Cannot set properties of undefined (setting 'width')

时间:2024-03-04 14:01:41浏览次数:14  
标签:插件 vue undefined office set 3.2 使用 pdf

最近项目研发的时候需要使用到pdf预览的功能,规定需要使用@vue-office/pdf插件0.2.5版本号,在使用的时候,一直无法正常运行,错误如下

 但是在其他项目中却可以正常使用,想来应该是项目中的某个插件和这个有影响(不兼容)导致pdf无法预览,最终确定是vue版本的问题。

正常使用的版本应该为

@vue-office/pdf-------------0.2.5

vue     --------------3.2.37

其中vue的版本在@3.2.30时无法使用pdf,可以使用的情况为vue版本号>=3.2.37即可。

 

 

标签:插件,vue,undefined,office,set,3.2,使用,pdf
From: https://www.cnblogs.com/lisir-blogshare/p/18051671

相关文章

  • vue2响应式原理
    Vue.js是一个流行的JavaScript前端框架,它的核心特性之一就是响应式数据绑定。Vue.js2.x版本的响应式原理主要基于Object.defineProperty函数来实现。Vue.js的响应式原理大致可以描述为以下几个步骤:数据劫持:当Vue实例创建时,Vue会遍历data选项中的属性,并使用Obje......
  • ElementPlus+Vue3使用cdn方式编写页面及引入图标
    完整代码1<!DOCTYPEhtml>2<htmllang="en">34<head>5<metacharset="UTF-8">6<metaname="viewport"content="width=1000,initial-scale=1.0">7<title>模型管理&......
  • vue目录文件结构
    my-vue-app/├──node_modules/#依赖的第三方模块├──public/#公共文件,不会被打包│├──index.html#应用的入口HTML文件│└──favicon.ico#网站图标├──src/#项目源代码│├......
  • Vue源码解读:更新策略
    之前介绍过初始化时Vue对数据的响应式处理是利用了Object.defifineProperty(),通过定义对象属性getter方法拦截对象属性的访问,进行依赖的收集,依赖收集的作用就是在数据变更的时候能通知到相关依赖进行更新。通知更新setter当响应式数据发生变更时,会触发拦截的setter函数......
  • springboot3+vue3大事件(一)项目准备工作
     1、执行sql脚本,准备数据库表--创建数据库createdatabasedev;--使用数据库usedev;--用户表createtableuser(idintunsignedprimarykeyauto_incrementcomment'ID',usernamevarchar(20)notnullunique......
  • 一款基于Vue3实现的漂亮且功能强大的在线海报设计器
    大家好,我是Java陈序员。我们在工作中经常需要设计各种各样的图片,海报、产品图、文章图片、视频/公众号等。我们可以选择使用PS来设计图片,但是有时候想快速完成任务,有没有一款工具支持快速生成海报呢?答案是有的,今天给大家介绍一款在线图片(海报)设计器。关注微信公众号:【Java......
  • 给大家推荐一款基于Vue3通用型后台管理模板
    ​ 给大家推荐一款基于Vue3通用型后台管理模板这款Vue3后台管理模板介绍如下:        使用Vue3、Vite、ElementPlus、Pinia最新开发技术栈,拥有完整的Token登录鉴权、路由配置、界面简洁美观,可根据需要灵活配置主题、系统采用响应式布局,自适应各类屏幕尺寸、源代码有......
  • 【C++ STL容器set 】std::set 的全方位解析
    装载自知乎(虽然有AI辅助操作,但是确实写得好好):【C++STL容器set】std::set的全方位解析-知乎(zhihu.com)<imgsrc="https://pic3.zhimg.com/v2-cc8068b8931c7f65e9a89717e2ab404e_b.jpg"data-size="normal"data-rawwidth="1024"data-rawheight="1024......
  • 前端学习-vue视频学习004-响应式数据ref reacive
    尚硅谷视频教程响应式数据vue2中,写在data()里的数据自动成为响应式数据vue3定义响应式数据,使用ref()或reactive()什么是响应式数据:数据改变时。页面随之变化,即为响应式数据ref()创建基本类型的响应式数据首先引入refimport{ref}from'vue'所有需要动态变化的数......
  • vue3笔记3watch监视的几种变化
    <template> <divclass="about">  <p>情况一,监事ref的值</p>  <h1>求和{{sum}}</h1>  <button@click="changeSum">++++</button> </div></template><scriptlang="ts"......