
Vue
牛肉饼加个煎蛋
空腹不能进食
展开
-
element-UI表格导出excel的坑
elementUI的表格没有提供导出excel的功能接口通用的方式都是用插件xlsx和file-saver来实现文件导出,具体代码如下:exportExcel () { //指定想要导出表格的id let wb = XLSX.utils.table_to_book(document.querySelector('#yourTableId')); //数据写入 let wbout原创 2021-02-12 20:29:34 · 686 阅读 · 0 评论 -
yarn安装依赖网络报错
查看下载源修改成淘宝镜像换回原来的地址...原创 2021-02-06 13:41:11 · 1949 阅读 · 1 评论 -
Vue cli4.x实现导出excel表格
vue-cli版本是4.4.1,UI组件用的是element首先,需要下载两个依赖:xlsx,FileSaver,在vue-cli提供的ui操作页面搜索依赖并安装,注意别装错了,装之前先看看github地址https://github.com/SheetJS/sheetjshttps://github.com/eligrey/FileSaver.js附上我安装之后图片在组件里引用import FileSaver from 'file-saver'import XLSX from原创 2020-06-19 01:10:03 · 370 阅读 · 1 评论 -
Vue踩坑(3)----绑定img的src属性时图片加载失败
需要用绑定src来,通过修改src来更换图片,发现修改图片地址之后,标签上的src虽然改变了,但是图片是“裂开”的错误的代码如下: <img :src="bnLogo"/> this.bnLogo = "../../assets/img/xxx.png";或许很多小伙伴跟我一样的情况,其实这是修改的地址被j加载器当作了字符串,没有进行编译其实就算是在data里面写bnLogo = '../../assets/imgs/xxx.png'图片也是不会加载的,原因如上述。解决方法 t原创 2020-06-09 23:15:05 · 1579 阅读 · 0 评论 -
Vue踩坑(2)——iview的定制主题my-theme坑
首先,定制主题的修改方式在iview官方文档就有,但是 文档给出的并不完整这里只说说覆盖变量的方式,我也只用了这方式,PS:官方文档地址1. webpack.base.conf.js 需要修改将文件rules中的关于less的规则去掉2.bulid/utils.js需要修改文件中的less设置改为如上图,less: generateLoaders('less', { javascriptEnabled: true })至此,一般来说就可以正常使用了3.less与less-load原创 2020-05-15 21:42:09 · 849 阅读 · 0 评论 -
Vue踩坑(1)——启动时,there are multiple modules with names that only differ in casing
场景:这个项目之前没问题的,之后我再npm run dev启动服务的时候就开始报错,warning但是不能继续执行了控制台报错图片解决过程:看报错信息,说的是模块的命名和引用有冲突。网上的解决方法分为以下集中错误是由于路径填写,只需要根据报错的文件位置,修改完即可错误是由于引入模块时模块名大小写不一致,举得最多的例子就是 App.vue, 写了 app将项目文件的名称中大写字母改成小写,eg:Project – project但是这些并不能解决我的问题,因为报错的文件都是npm安.原创 2020-05-15 20:33:55 · 1127 阅读 · 0 评论 -
Vue使用插件pdf.js的放大缩小倍数显示{{scale}}%
使用描述Vue使用pdf.js预览文件,用法是直接使用里面的viewer.html,显示的时候如下图:“乱码”解决方案在viewer.js文件中找到getTranslatableChildren函数,把里面的*[data-l10n-id] 改为.data-l10n-id,改完代码如何: return element ? element.querySelectorAl...原创 2020-03-12 21:55:04 · 2971 阅读 · 0 评论