vue
风中一品狼
这个作者很懒,什么都没留下…
展开
-
vue项目中导出为pdf
1,添加两个模块html2canvas和jspdf (1)npm install --save html2canvas(将页面html转换成图片) (2)npm install --save jspdf(将图片生成pdf)2,创建一个htmlToPdf.js文件在指定位置import html2Canvas from 'html2canvas'import JsPD...原创 2018-10-31 13:55:31 · 1082 阅读 · 0 评论 -
vue使用 postcss-loader和autoprefixer插件
使用postcss-loader和autoprefixer插件,可以自动处理样式,给样式加上兼容前缀1.npm i postcss-loader autoprefixer -D2.新建postcss.config.js和.babelrcpostcss.config.jsconst autoprefixer = require('autoprefixer')module.ex...原创 2018-10-31 21:31:37 · 3455 阅读 · 0 评论 -
webpack区分打包类库代码和业务代码
为什么需要用webpack区分打包类库代码和业务代码?把框架类的代码和业务代码分开打包,是因为1.框架类库代码稳定,业务代码经常需要更改2.让框架类库代码进行缓存,达到减少服务器流量和提高加载速度的目的使用步骤:a.重写entry,用app.js来存放打包后的业务代码,vendor.js来存放打包后的类库代码b.在plugins中添加new webpack.optimize...原创 2018-11-01 00:20:03 · 490 阅读 · 0 评论 -
vue的部署上线
项目本地开发完成后,我们就需要将代码 部署到线上服务器。再次之前,就需要把这些零散的文件打包成一个css和js文件,以减少http的请求数,避免额外的性能损耗。 vue-cli提供了代码编译、合并、压缩的脚本build/build.js,运行npm run build后,得到文件如下所示build.js将组件中的css变异合并成一个app.[hash].css文件。j...原创 2018-11-03 08:43:52 · 591 阅读 · 0 评论 -
vue-cli3中配置alias和打包加hash值
1.之前在项目测试环境打包的时候,js文件打包出来没有hash值,但是生产环境打包出来却又hash值当时只配置了 filenameHashing: true,这样是不够的后来在chainWebpack中配置config.output.filename('[name].[hash].js').end(),解决了该问题 2.配置alias可以在引入文件的时候不用写很长的相对路径...原创 2018-12-01 23:17:55 · 7720 阅读 · 3 评论 -
vue+element-ui项目的分页,返回默认分页高亮样式的问题
问题造成原因我们返回当前页面取得总条数totalNum的之前,element-ui的分页组件已经在页面加载完毕,当时的totalNum绑定的是data里面初始化的数据0,所以当总条数为0的时候,分页组件的页码默认为1。并且当totalNum在created生命周期里取得数据后,分页组件也不会刷新。所以这就导致, 页面内容正确,但是页码高亮依旧是第一页解决办法我们需要在create...原创 2019-01-04 19:53:52 · 2626 阅读 · 0 评论 -
Nuxt 2.3.X 配置babel
1. 在package.json中修改运行脚本添加--exec babel-node添加之后的效果为:(修改了8/10行){ "name": "nuxt-learn", "version": "1.0.0", "description": "My lovely Nuxt.js project", "author": "wqz原创 2019-01-04 21:54:54 · 1142 阅读 · 1 评论 -
vue中使用koa2
最近开始学习koa2+vue,先说安装1.全局安装npm i koa-generator -g2.初始化项目koa2 -e xxx-e:使用es的模板引擎 使用async和await: async中await可有可无,await必须使用在async中,并且await后面跟的是promise对象,如果不是会自动转化 eg:router.get...原创 2019-01-02 10:16:06 · 1216 阅读 · 0 评论