** 网上看到了这篇文章 非常的棒哈 ** 前言 随着前端的三大框架的出现,组件化的思想越来越流行,出现许多组件库.它能够帮助开发者节省时间提高效率, 如React的Ant-design,Vue的iView,Elemen…
标签:Vue
用vue-pdf包实现pdf文件预览,支持分页
vue项目实现pdf文件预览功能 下载vue-pdf包 npm install --save vue-pdf template模板内容: //pdf组件 <pdf :src="pdfFile" :page="cur…
vue预览下载PDF文件
vue单独将页面导出pdf 这种是在把页面的数据单独生成pdf并进行下载 效果图 1、第一步:我们要添加两个模块 //第一个:将页面html转换成图片 npm install --save html2canvas //第…
pdf的预览,实现放大、缩小、翻页、跳转功能
安装vue-pdf插件 npm install --save vue-pdf 或 yarn add vue-pdf 引入 pdf 文档地址 html代码: <!--PDF 预览--> <el-dialo…
Vue中的一些命名规范
在重新回顾vue官网的时候,发现一些很容易被遗忘和混淆的命名规范,命名规范虽然只是一个建议,但是在一个项目中混乱的使用多种命名形式,这样看起来无疑是十分糟糕和头疼的,今天就拿出来一起总结一下。 一、单文件组件文件的大小写…
vue文件快速生成页面模板
一 Vscode新建模板 1 菜单选择 2 新建全局代码片段 二 模板内容 { "Print to console": { "prefix": "vue", "body": [ "…
vue+elementui系统利用Export2Excel.js将表格内容导出到excel,并设置表头文字水平垂直居中
写在前面:这是纯前端导出,导出的表格是二级表头,内容是四级单元格(单元格内有四小格),这几个点学会之后应该能适应大部分导出excel的需求了。本次功能记录真实有效。对于之前没接触过导出excel需求的小伙伴可能会有一点点…
Vue 使用XLSX导出excel,并且设置标题背景颜色、字体、居中。并且在前端导出成excel文件
1、先看效果图 2、引入依赖 npm install xlsx-style --save npm install --save xlsx 3、运行项目会发生一个报错 This relative module was no…
vue表格的手机号中间的隐藏
vue表格的手机号中间的隐藏 在表格中的使用方法 中间四位是用****代替的 效果:131****2463 //代码如下,请参考: <el-table-column prop="phone" width="110"…
vue学习 32路由精讲之二级路由和三级路由
分级时,默认打开指定下级的路由,使用redirect属性,其值为子级路由的路径path. 子级使用属性children: 值为数组,数组中每个元素都是一个路由对象 二级路由 在main.js中配置路由 // 二级路由 i…
vue cli3.0修改网页标题
1. 在路由meta属性中设置标题title属性 { path: '/user', name: 'User', meta: { title: '用户管理' }, component: User } 2 .在main.js…
ElementUI 组件的 Table 自定义表头,控制列的显示或隐藏
一、实现效果图 二、实现思路 1、从 Element 官方文档(链接:Element – The world’s most popular Vue UI framework)的 Table 组件,…