在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加密的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

Vue實現(xiàn)PopupWindow組件詳解
這篇文章主要為大家詳細介紹了Vue實現(xiàn)PopupWindow組件，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-04-04
結合el-upload組件實現(xiàn)大文件分片上傳功能
Element UI的el-upload上傳組件相信各位小伙伴都已經(jīng)非常熟悉，最近接了一個新需求，要求在el-upload組件基礎上實現(xiàn)分片上傳功能，即小于等于5M文件正常上傳，大于5M文件切成5M每片上傳,那么這個功能怎么實現(xiàn)呢?一起看看吧
2022-09-09
Vue利用computed配合watch實現(xiàn)監(jiān)聽多個屬性的變化
這篇文章主要給大家介紹了在Vue中巧用computed配合watch實現(xiàn)監(jiān)聽多個屬性的變化的方法,文中有詳細的代碼示例供大家參考,具有一定的參考價值,需要的朋友可以參考下
2023-10-10
如何解決前端上傳Formdata中的file為[object?Object]的問題
文件上傳是Web開發(fā)中常見的功能之一,下面這篇文章主要給大家介紹了關于如何解決前端上傳Formdata中的file為[object?Object]問題的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
2024-07-07
vue draggable resizable gorkys與v-chart使用與總結
這篇文章主要介紹了vue draggable resizable gorkys與v-chart使用與總結,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下
2019-09-09
vue+elementUI實現(xiàn)動態(tài)面包屑
這篇文章主要為大家詳細介紹了vue+elementUI實現(xiàn)動態(tài)面包屑，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-04-04
解決removeEventListener 無法清除監(jiān)聽的問題
這篇文章主要介紹了解決removeEventListener 無法清除監(jiān)聽的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-10-10
Vue3系列教程之插槽slot詳解
插槽（slot）可以說在一個?Vue?項目里面處處都有它的身影，比如我們使用一些UI?組件庫的時候，我們通?？梢允褂貌宀蹃碜远x我們的內(nèi)容，今天通過本文給大家介紹vue3插槽slot的相關知識，感興趣的朋友一起看看吧
2022-08-08
Vue項目接入Paypal實現(xiàn)示例詳解
這篇文章主要介紹了Vue項目接入Paypal實現(xiàn)示例詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-06-06
vue通知提醒消息舉例詳解
在項目開發(fā)過程中,可能需要實現(xiàn)以下場景,未讀消息提示、報警信息、消息通知等,下面這篇文章主要給大家介紹了關于vue通知提醒消息的相關資料,需要的朋友可以參考下
2023-03-03