st646889325的博客

如果遇到文档管理类的业务功能，会出现需要在线预览的业务需求，合同文件、发票文件等业务同样需要文件的在线预览。本文围绕以下解决方案展开：微软 Office Web Viewerpdfjsxlsx第三方封装组件。

【代码】纯js实现docx、xlsx、pdf文件预览。

【代码】uni-app 环状图。

要设置npm源，您可以使用以下命令：npm config get registrynpm config set registry https://registry.npmjs.org/：

htmlname，path都行，建议用name。注意：router-link中链接如果是斜杠/开始，那么就是从根路由开始，如果开始不带斜杠/，则从当前路由开始。</</query传参数类似于get请求，url后面会显示参数，可以不配置路由。params传参数类似于post请求，路由配置path:"/home/:id"或者path:“/home:id”。不配置path，第一次可请求，刷新页面id会消失，配置path，刷新页面id会保留。</</取参。

vue3使用ifame标签引用html页面,如何vue页面向html页面传递数据一、实现需求二、实现步骤2.1 vue页2.2 html页。

把下面代码复制到官网实例的js代码编辑中即可预览。

前段时间一个h5端的项目，需要实现一个表格，然后表格的表头放在左侧一列，并且左右滚动的时候需要固定表头，不能随着滚动条滚动一起动。效果图如下：实现思路：1、首先先用div实现表格的样子，类名table-box使用position: relative;相对定位，然后header-title表头使用position: absolute，在给具体宽高;2、之后在写一个表头作用于固定列，使用position: sticky；top:0;left:0吸顶属性固定在表格最左侧；之后使用z-index: 999

记录一下新项目集成老项目过程中产生的问题，需要vue项目实现引用HTML，并且实现vue页面可以传递数据到HTML页面，HTML页面也可以反向传递数据给vue页面。1、父页面（vue）传给子页面（html）2、子页面（html）传给父页面（vue）

通过findIndex与findLastIndex分别找到需要合并的数据开始位置与结束位置，再由结束位置 - 开始位置即可得出合并几行，列同理。由于原文动态合并单元格写的比较繁琐，这里将提供更简单的办法。

1， this.mergeSpanRules代表合并起始位置，0代表不参与合并，但由于第一条数据的索引为0，所以展示成了0，但不会影响效果，因为下边将会把起始位置跟行的索引位置比较，要是觉得不够直观的话，可以把0代表不参这个值改成任意字符来表示，但切记不要用除0外的数字。通过数据集合mergeRules来制定合并规则，只要改变mergeRules里规则绑定值即可使其改变合并规则，以下只展示了最基础的代码，提供过方法后，具体怎么扩展，可根据实际需求进行改动。

【代码】vue路由跳转传递参数。

页面中引入vue-pdf。

mescroll常用方法：(参考官网：http://www.mescroll.com)1、mescroll.triggerDownScroll();

【代码】vue数据可视化v-charts。

【代码】vue视频播放器vue-video-player。

-参数说明：:visible.sync 是否显示format="YY-MM-DD" 确认日期时，回调事件返回的日期格式。如“YY/MM/DD hh:mm” 、“YY 年 MM 月第 DD 天，当前时间 hh 时 mm 分”:showTodayButton="false" 是否显示返回今日按钮:disabled-date="disabledDate" 禁用的日期pickerType="date" 选择器类型 datetime：日期+时间 date：日期 time：时间。

2.搜索相同的值，要删除旧数据，把新数据放进数组首位。1.点击搜索，把搜索的值存入本地记录，并展示。

支持多种文件(docx、pdf、excel)预览的vue组件套装，支持vue2/3

在components文件夹中新建calendarView文件夹。calendarView.vue文件。:startDate =“开始时间”:endDate =“结束时间”readme.md文件。

在我的项目中，pdf文件是以url的形式提供的,我们在页面中放一个iframe，他的src属性等于到viewer.html的相对路径 ‘/pdfplugin/web/viewer.html?file=’ ，file后拼接你的pdf的url就可以了。将下载下来的文件解压，放在项目的public目录下。

1.如果提供了path，params会被忽略，但query没有这种情况，此时需要提供路由的name或手写完整的带有参数的path。这里主要讲编程式导航，也就是router.push(location, onComplete?vue3.0取消了2.0部分api，所以路由跳转传值方式有所不同。4.如果有参数的话，在接收页面引入API–useRoute。1.首先在需要跳转的页面引入API—useRouter。5.在接收页面定义变量route，获取传过来的变量。2.在跳转页面定义router变量。

一些常用的js日期方法汇总

1. 如果当前mac系统下的 vue 版本为2.x查看vue版本指令 注意：这里V是大写vue -V 执行升级指令npm i -g @vue/cli会出现如下效果正常情况下，mac系统执行指令无法将 vue 升级如何将 vue 优雅的升级到 4.x 以上的版本1 第一步：找到 vue的路径which vue2. 2 第二步：cd url (/usr/local/bin) 进到vue项目上级的文件夹cd /usr/local/bin2. 3 第三步：rm -rf vu

（一）部署Node环境（1）下载适合Mac环境的Node包，点击进入下载页面http://nodejs.cn/download/（2）安装Node环境：找到下载好的Node包，这里是node-v12.14.1.pkg，我们双击它，会进入Node.js安装器界面，如下图所示：我们只要一直点击继续按钮即可，采用默认设置，安装成功后最终的效果图如下图所示：默认是安装了npm，我们可以在终端中输入node -v和npm -v命令，分别查看node和npm的版本是多少，若Node安装成功后在终端只会输出版

好奇心强的朋友可以进行尝试，运气差的要很久、很久、有可能一晚上时间，别问我怎么知道的。1.访问node.js官网：https://nodejs.org/en/下载对应安装包。在终端输入：sudo npm install webpack -g。终端输入：sudo npm install -g vue-cli。6.等待一段时间,安装完成后，在终端输入:vue list。1.在Mac中创建文件夹，名称自己起，然后在终端打开该目录。终端输入：sudo npm install。终端输入：npm run dev。