vue 项目中使用md5加密

首先使用npm安装:

npm install --save js-md5

使用方法:

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

import md5 from 'js-md5';

使用方式:

md5(123);   //202cb962ac59075b964b07152d234b70

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

import md5 from 'js-md5';

Vue.prototype.$md5=md5;

使用方式:

this.$md5(123);  //202cb962ac59075b964b07152d234b70

3、在src目录下新建md5文件夹,文件夹下index.js代码如下

import md5 from 'js-md5';

export default{
   install(Vue){
        Object.defineProperty(Vue.protptype,'$md5',{value:md5});
    }  
}    

在main.js引入

import  md5 from  '../md5/index.js';

Vue.config.productionTip = false
Vue.use(md5);

然后可以在想用的地方使用啦:

this.#md5(123);  //202cb962ac59075b964b07152d234b70

 

 

参考:https://blog.csdn.net/qq_36656410/article/details/99829684

posted @ 2022-08-23 09:16  敲键盘的喵~  阅读(1045)  评论(0编辑  收藏  举报