Vue3 使用MD5加密（清晰明了）(vue中使用md5加密)

编辑：rootadmin

Vue3 使用MD5加密（清晰明了）概述

推荐整理分享Vue3 使用MD5加密（清晰明了）(vue中使用md5加密)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:vue 加密解密,vue中使用md5加密,vue md5.js,vue数据加密,vue md5.js,vue 代码加密,vue3使用md5加密,vue中使用md5加密,内容如对您有帮助，希望把文章链接给更多的朋友！

最近在想做个cloud项目,gitee上找了个模板项目，前端使用到vue3 + typeScript、Element Plus、Vue Router、Pinia、Axios、i18n、Vite等技术，最近使用到vue3 MD5加密，顺便学习一下，在此总结一下，若有不足之处，望大佬们可以指出。

vue3 安装 ts-md5 Vue3 使用MD5加密（清晰明了）(vue中使用md5加密)

注意： ts-md5 不是 js-md5

npm install --save ts-md5局部

定义：

import { Md5 } from 'ts-md5';

局部使用：

// 定义MD5对象const md5:any = new Md5()md5.appendAsciiStr('密码')const password = md5.end()console.log('加密密码：',password);案例// 表单提交const submitHandle = () => {dataFormRef.value.validate((valid: boolean) => {if (!valid) {return false}// 定义MD5对象const md5:any = new Md5()md5.appendAsciiStr(dataForm.password)dataForm.password = md5.end()console.log('加密密码：',dataForm.password);useAccountScriptSubmitApi(dataForm).then(() => {ElMessage.success({message: '操作成功',duration: 500,onClose: () => {visible.value = falseemit('refreshDataList')}})})})}vue3 安装 js-md5npm install --save js-md5局部

定义：

import md5 from "js-md5";出现问题

意思是：已

本文链接地址:https://www.jiuchutong.com/zhishi/294527.html 转载请保留说明！

上一篇：级联选择器（el-cascader）动态加载（lazyLoad）实现省市区三级选择(级联选择器数据回显)

下一篇：TypeError The view function did not return a valid response. The function either returned None 的解决