![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
颠沛丶
这个作者很懒,什么都没留下…
展开
-
vue处理流文件导出下载Excel和World功能
之前写加粗样式过一篇导出报表的文章,不过是通过前端导出数据,这样处理的话数据量过大时下载会导致浏览器卡死,所以通常更多的是配合后端来做这个功能,调用后端的接口穿过来的流文件,然后在前端进行处理完成导出。...原创 2021-04-01 17:49:00 · 737 阅读 · 1 评论 -
vue中实现全屏功能
安装全屏插件npm install --save screenfull全屏按钮绑架事件<div class="full-screen" @click="fullScreen()">data中绑定控制全屏开关// 控制全屏fullscreen: false,添加方法:这里全屏默认该页面所有元素全屏// 点击全屏展示fullScreen() { if (!screenfull.isEnabled) { this.$message({ message:原创 2021-01-17 15:40:59 · 2101 阅读 · 2 评论 -
vue 导出表格到xlsx中
首先下载一个依赖包npm install xlsx --save 然后在导出按钮绑定事件中传入需要导出的数据,这里我是将element-ui 组件表格绑定的数据直接导出<el-button @click="downloadFile(threatPerceptionData)">导出</el-button>在导出按钮标签上添加一个a标签<a id="downlink"></a>data中绑定数据outFile: '', // 导出文件el原创 2021-01-17 15:23:34 · 513 阅读 · 0 评论 -
vue依赖注入的使用,provide和inject
我们在进行组件传值时会有这样一个问题:当一个祖先组件想要向他的子孙组件传值时甚至向多个子孙传递一样的值时,按照往常的方法,需要一层一层的向下进行传值而且多个子孙组件传递就更加繁琐,增加大量的代码量,那在这样的情景下如何让传值变得更加简单呢?那么这时我们可以用到依赖注入的办法,他用到了vue给我提供的两个新的实例项,分别是provide 和 inject。那么看下这两个实例项的使用方法:provide 选项允许我们指定我们想要提供给后代组件的数据/方法。也就是说只要给祖先组件添加了这样一个实例项后,我原创 2020-07-17 15:53:45 · 975 阅读 · 0 评论