vue中 使用md5加密[通俗易懂]

大家好，欢迎来到IT知识分享网。

安装

npm install js-md5 --save

组件内引入

需要的组件内引用

import md5 from 'js-md5';

使用

let psd = '123123'
md5(psd)  // 4297f44b13955235245b2497399d7a93

全局引入

在main.js中将md5注入到vue原型上

import md5 from 'js-md5';

Vue.prototype.$md5 = md5;

使用：

let psd = '123123'
this.$md5(psd) // 4297f44b13955235245b2497399d7a93

例：密码：用户密码md5加密后的字符串+openid 再次经过MD5加密后的字符串

data(){
    return:{
        psd:'123123',
        openid:'123456'
    }
},
methods:{
    addpsd:{
        let psd = this.$md5(this.psd)+this.openid //先将用户密码进行md5加密，再拼接上openid得到一个字符串
        let mdpsd = this.$md5(psd) //将上面的字符串再进行一次md5加密
        console.log(mdpsd)
    }
}

转载于：vue中使用md5加密