在vue项目中使用md5加密的方法


Posted in Javascript onSeptember 14, 2018

npm安装:

npm install --save js-md5

1.在需要使用的项目文件中引入:

import md5 from 'js-md5';

使用:

md5('hello world')  // 5eb63bbbe01eeed093cb22bb8f5acdc3

2.或者在main.js文件中将md5转换成vue原型:

import md5 from 'js-md5';
Vue.prototype.$md5 = md5;

使用:

this.$md5('hello world') // 5eb63bbbe01eeed093cb22bb8f5acdc3

vue使用md5加密的实例代码

import crypto from 'crypto'
export default {
 name: 'HelloWorld',
 data () {
  return {
   msg: 'Welcome to Your Vue.js App'
  }
 },
 mounted(){
  this.getmd5("aaa");
 },
 methods:{
  getmd5(str){
      var a;
      var md5 = crypto.createHash("md5");
      //update("中文", "utf8")
      md5.update(str);
      var a = md5.digest('hex');
      console.log(a);
      //47bce5c74f589f4867dbd57e9ca9f808
      return a;
    }
 }
}

总结

以上所述是小编给大家介绍的在vue项目中使用md5加密的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery数据显示插件整合实现代码
Oct 24 Javascript
jqueyr判断checkbox组的选中(示例代码)
Nov 08 Javascript
分享10个原生JavaScript技巧
Apr 20 Javascript
纯js和css完成贪吃蛇小游戏demo
Sep 01 Javascript
浅谈javascript中的三种弹窗
Oct 21 Javascript
bootstrap table配置参数例子
Jan 05 Javascript
详解node.js搭建代理服务器请求数据
Apr 08 Javascript
Javascript刷新页面的实例
Sep 23 Javascript
基于vue1和vue2获取dom元素的方法
Mar 17 Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
Aug 02 Javascript
vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作
Sep 10 Javascript
vue 给数组添加新对象并赋值
Apr 20 Vue.js
在vue项目中引用Iview的方法
Sep 14 #Javascript
详解webpack-dev-server使用方法
Sep 14 #Javascript
JS 实现微信扫一扫功能
Sep 14 #Javascript
详解webpack2异步加载套路
Sep 14 #Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
Sep 14 #Javascript
react项目实践之webpack-dev-serve
Sep 14 #Javascript
javacript replace 正则取字符串中的值并替换【推荐】
Sep 13 #Javascript
You might like
PHP编程中字符串处理的5个技巧小结
2007/11/13 PHP
PHP的命令行命令使用指南
2015/08/18 PHP
PHP未登录自动跳转到登录页面
2016/12/21 PHP
如何用js控制css中的float的代码
2007/08/16 Javascript
Mac地址验证的javascript代码
2013/11/09 Javascript
jQuery动态添加、删除元素的方法
2014/01/09 Javascript
javascript中AJAX用法实例分析
2015/01/30 Javascript
js实现移动端导航点击自动滑动效果
2017/07/18 Javascript
layui.js实现的表单验证功能示例
2017/11/15 Javascript
VUE 使用中踩过的坑
2018/02/08 Javascript
Vue.js 利用v-for中的index值实现隔行变色
2018/08/01 Javascript
vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍
2018/09/29 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
2019/11/01 Javascript
JS window对象简单操作完整示例
2020/01/14 Javascript
Vue双向绑定实现原理与方法详解
2020/05/07 Javascript
如何HttpServletRequest文件对象并储存
2020/08/14 Javascript
[38:41]2014 DOTA2国际邀请赛中国区预选赛 LGD VS CNB
2014/05/22 DOTA
Python3写入文件常用方法实例分析
2015/05/22 Python
python利用OpenCV2实现人脸检测
2020/04/16 Python
numpy基础教程之np.linalg
2019/02/12 Python
解决Pycharm调用Turtle时 窗口一闪而过的问题
2019/02/16 Python
Python字符串内置函数功能与用法总结
2019/04/16 Python
Python学习笔记之文件的读写操作实例分析
2019/08/07 Python
pygame实现烟雨蒙蒙下彩虹雨
2019/11/11 Python
苏宁红孩子母婴商城:redbaby
2017/02/12 全球购物
请介绍一下WSDL的文档结构
2013/03/17 面试题
土木工程专业自荐信
2013/10/04 职场文书
大学生的网络创业计划书
2013/12/26 职场文书
幼儿园教师个人反思
2014/01/30 职场文书
机械电子工程专业求职信
2014/06/22 职场文书
小学教师师德整改措施
2014/09/29 职场文书
结婚老公保证书
2015/02/26 职场文书
队列队形口号
2015/12/25 职场文书
为什么你写的height:100%不起作用
2021/05/10 HTML / CSS
javascript canvas实现雨滴效果
2021/06/09 Javascript
一些让Python代码简洁的实用技巧总结
2021/08/23 Python