首页 > 语言 > JavaScript > 正文

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

2024-05-06 15:30:01
字体:
来源:转载
供稿:网友

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加密的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对错新站长站网站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选