在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 相关文章推荐
js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
Jan 24 Javascript
用js来获取上传的文件名纯粹是为了美化而用
Oct 23 Javascript
js验证真实姓名与身份证号是否匹配
Oct 13 Javascript
js面向对象的写法
Feb 19 Javascript
浅谈Sticky组件的改进实现
Mar 22 Javascript
原生js实现addclass,removeclass,toggleclasss实例
Nov 24 Javascript
node.js版本管理工具n无效的原理和解决方法
Nov 24 Javascript
JS制作类似选项卡切换的年历
Dec 03 Javascript
详解vue-cli中使用rem,vue自适应
May 06 Javascript
微信小程序开发中var that =this的用法详解
Jan 18 Javascript
JavaScript进阶(四)原型与原型链用法实例分析
May 09 Javascript
SpringBoot+Vue开发之Login校验规则、实现登录和重置事件
Oct 19 Javascript
在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+XML 制作简单的留言本 图文教程
2009/11/02 PHP
Session服务器配置指南与使用经验的深入解析
2013/06/17 PHP
PHP调用MsSQL Server 2012存储过程获取多结果集(包含output参数)的详解
2013/07/03 PHP
分析PHP中单双引号的误区和双引号小隐患
2016/07/19 PHP
laravel5创建service provider和facade的方法详解
2016/07/26 PHP
Laravel 已登陆用户再次查看登陆页面的自动跳转设置方法
2019/09/30 PHP
from 表单提交返回值用post或者是get方法实现
2013/08/21 Javascript
Javascript操作URL函数修改版
2013/11/07 Javascript
仅9张思维导图帮你轻松学习Javascript 就这么简单
2016/06/01 Javascript
jQuery Ajax 异步加载显示等待效果代码分享
2016/08/01 Javascript
微信小程序 同步请求授权的详解
2017/08/04 Javascript
jQuery实现的简单拖拽功能示例【测试可用】
2018/08/14 jQuery
jQuery简单实现根据日期计算星期几的方法
2019/01/09 jQuery
vue自定义指令directive的使用方法
2019/04/07 Javascript
原生JS 实现的input输入时表格过滤操作示例
2019/08/03 Javascript
jQuery+ThinkPHP实现图片上传
2020/07/23 jQuery
让python同时兼容python2和python3的8个技巧分享
2014/07/11 Python
Django中处理出错页面的方法
2015/07/15 Python
Python 中的 else详解
2016/04/23 Python
Python中文分词工具之结巴分词用法实例总结【经典案例】
2017/04/15 Python
Python实现的破解字符串找茬游戏算法示例
2017/09/25 Python
Python的多维空数组赋值方法
2018/04/13 Python
Python3 批量扫描端口的例子
2019/07/25 Python
浅谈django url请求与数据库连接池的共享问题
2019/08/29 Python
Anaconda 查看、创建、管理和使用python环境的方法
2019/12/03 Python
pytorch中的transforms模块实例详解
2019/12/31 Python
Python猴子补丁Monkey Patch用法实例解析
2020/03/23 Python
Python 执行矩阵与线性代数运算
2020/08/01 Python
基于python获取本地时间并转换时间戳和日期格式
2020/10/27 Python
HTML5之tabindex属性全面解析
2016/07/07 HTML / CSS
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
北京大学中文系教授推荐的10本小说
2019/08/08 职场文书
SpringBoot中获取profile的方法详解
2022/04/08 Java/Android
Python Matplotlib绘制两个Y轴图像
2022/04/13 Python
服务器SVN搭建图文安装过程
2022/06/21 Servers
pytest实现多进程与多线程运行超好用的插件
2022/07/15 Python