Vue
monglove09
这个作者很懒,什么都没留下…
展开
-
Vue路由界面强制刷新
需求:当前url:http://localhost:8080/certxxx/app要访问http://localhost:8080/certxxx/app这个Url的时候视图是不刷新的想让他刷新可以使用以下两种做法:一、手动控制刷新(适合想控制刷新某些值需求)1.跳转时添加query属性让url变得不一样2.添加之后还是不会刷新,在要强制刷新的页面里使用watch方法来观察跳转操作手动刷新所需数据二、全刷新页面(就跟默认进来一样)1.跳转时添加query属性让url变得不一样2.在添加k转载 2020-12-25 11:27:03 · 3043 阅读 · 0 评论 -
解决Vue打包文件大,首次加载慢的问题
未压缩前的压缩后的那么如何压缩的呢,接着往下看1.首先在config/index.js里把productionGzip设置为true(以生产环境为例)2.配置Nginx找到nginx.confighttp { gzip on; #开启或关闭gzip on off gzip_static on; #是否开启gzip静态资源 gzip_disable "msie6"; #不使用gzip IE6 gzip_min_lengt转载 2020-12-10 10:17:33 · 685 阅读 · 0 评论 -
SVN导出之前历史开发的项目版本(内容)
1.浏览历史版本1鼠标移到项目上右击显示:2.选择显示日志,出现版本历史记录:3.选择需要导出的版本,右击调出菜单:4.选择导出:选择导出位置,如果目录下包含多个文档最好新建一个文件夹,用来接收,不然,项目包含的文档全部下载下来,洒落的到处都是5.点击确定,文档会加载加载中:6.这样整个工程就下载下来了,打开目录浏览工程就可以...原创 2020-05-17 22:35:26 · 865 阅读 · 0 评论 -
vue项目中自定义组件的写法与用法
一、创建 loading.vue二、创建 index.js三、在入口main.js中原创 2020-01-03 15:37:23 · 1109 阅读 · 0 评论 -
Vue项目中是使用qrcodejs2插件生成二维码
1、安装qrcodejs2插件,在控制台输入:npm install qrcodejs2 --save2、在需要使用的页面中引入:<div id="qrcode" ref="qrcode"></div><script>import QRCode from 'qrcodejs2';//方法methods: { //生成二维码 qrcod...原创 2019-12-18 16:41:14 · 704 阅读 · 0 评论 -
vue项目中使用打印功能(保留打印样式和去除首尾标签)
组件模板页面:<el-button size=“small” type=“text”@click=“printInvoice(scope.row)”>打印发票 <div id="InvoiceVoucher"> <h2 class="title">首都机场停车楼(场)收费凭证</h2> <ul class="list_s"&g...原创 2019-12-18 14:57:17 · 3261 阅读 · 0 评论 -
vue项目将localhost改成自己的ip访问
找到项目中config文件夹内的index.js,将dev内部的host修改为本地自己的IP地址,然后重启npm run devdev: { host: '10.100.36.79' }原创 2019-12-04 20:54:53 · 3658 阅读 · 0 评论 -
Vue卸载、安装、安装指定版本依赖方法
1卸载cnpm uninstall XXX --save2一般安装cnpm i element-ui --save3安装制定版本cnpm install jquery@3.0.1 --save或者在package.json文件中先写入,在通过cnpm install自动安装...原创 2019-12-01 14:19:19 · 8183 阅读 · 0 评论 -
Vue使用阿里云OSS上传文件步骤
步骤一:用npm安装SDKcnpm install ali-oss步骤二:安装完成后,在配置文件中调用和配置参数新建一个配置文件aliOss.js可使用 import 或 require 进行引用//调用阿里云OSSconst OSS = require('ali-oss');export function infoClient() { //配置阿里云的参数 const c...原创 2019-12-01 13:51:44 · 6839 阅读 · 1 评论 -
vue中使用crypto-js的AES进行加解密
1.安装crypto-jscnpm install crypto-js --save2.编写encrypt.js在Api文件夹(接口文件夹)中新建encrypt.js文件(此为较简洁方法,未处理数据,未用到密钥偏移量) const CryptoJS = require('crypto-js') // 引用AES源码js// const key = CryptoJS.enc.Utf8....原创 2019-11-27 11:53:23 · 782 阅读 · 0 评论 -
项目中采用crypto-js针对密码进行SHE256加密
1.安装crypto-jscnpm install crypto-js --save2.导入crypto-js在需要用的组件页面中导入,如下:import Cryptojs from ‘crypto-js’;3.使用crypto-js的SHE256对密码进行加密//SHA256加密this.loginForm.shadirect=Cryptojs.SHA256(this.loginF...原创 2019-11-27 11:39:47 · 684 阅读 · 0 评论 -
vue的deactivated生命周期
该钩子函数配合keep-alive来使用,使用了keep-alive就不会调用beforeDestory和destoryed钩子了,因为组件没有被销毁,而是被缓存起来了,所以deactivated钩子可以看做是beforeDestory和destoryed的替代。...原创 2019-11-27 11:26:24 · 4105 阅读 · 0 评论 -
vue的activated生命周期
包裹的动态组件会被缓存,它是一个抽象组件,它自身不会渲染一个dom元素,当组件在 内被切换,它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。如包裹两个组件:组件A和组件B。当第一次切换到组件A时,组件A的created和activated生命周期函数都会被执行。在切换到组件B,这时组件A的deactivated的生命周期函数会被触发。在切换回组件A,...原创 2019-11-27 11:07:01 · 15353 阅读 · 0 评论