在vue项目中使用md5加密的方法
更新时间：2018年09月14日 09:50:31 作者：想多了，很累。
这篇文章主要介绍了在vue项目中使用md5加密的方法,需要的朋友可以参考下
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加密的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了Vue实现拖拽穿梭框功能四种方式,使用原生js实现拖拽，VUe使用js实现拖拽穿梭框，结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-09-09
这篇文章主要介绍了Vue实现圆环进度条的示例，帮助大家更好的理解和使用前端框架进行开发，感兴趣的朋友可以了解下2021-02-02
用vue开发了三四个组件了,都是H5的,现在来看看PC是如何玩转组件的,下面这篇文章主要给大家介绍了关于Vue如何利用flex布局实现TV端城市列表功能的相关资料,需要的朋友可以参考下2023-01-01
解决axios:"timeout of 5000ms exceeded"
这篇文章主要介绍了解决axios:"timeout of 5000ms exceeded"超时的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了vue axios封装以及API统一管理 ,需要的朋友可以参考下2019-04-04
本文主要介绍了Vue+Element树形表格实现拖拽排序示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
这篇文章主要为大家详细介绍了vue实现自动滑动轮播图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
store是一个状态管理工具(vueX中只有唯一 一个store),下面这篇文章主要给大家介绍了关于Vuex拿到state中数据的3种方式与实例剖析的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-09-09
在开发中我们可能会遇到这样的问题,文本框聚焦、元素点击等,所以下面这篇文章主要给大家介绍了关于javaScript与vue获取元素的相关资料,需要的朋友可以参考下2023-10-10
这篇文章主要介绍了VUE项目实现主题切换的方法，本文通过多种方法给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-11-11
最新评论