vue如何实现文字加密功能

  介绍

这篇文章给大家分享的是有关vue如何实现文字加密功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

<>强效果:

 vue如何实现文字加密功能

<强>组件代码:,

<强> base64

npm安装,节省js-base64

<强> md5

npm安装,节省js-md5

& lt; template>   ,& lt; div>   ,   ,& lt;/div>   & lt;/template>   ,   & lt; script>   import  md5 得到& # 39;js-md5& # 39;;   var  Base64 =,要求(& # 39;js-base64& # 39;) .Base64;   ,   ,export  default  {   ,名字:“appid",   ,安装(){   ,//Base64加密,   ,var  str1 =, Base64.encode(& # 39;你好啊& # 39;),,   ,document . write(“我是Base64加密后的文字:“+ str1 +“& lt; br/在“)   ,   ,var  str3 =Base64.decode (& # 39; 5 l2g5aw95zwk& # 39;),,   ,document . write(“我是Base64解密后的文字:“+ str3 +“& lt; br/在“)   ,,   ,var  str2 =Base64.encodeURI(& # 39;吃饭了吗& # 39;),,   ,document . write(“我是Base64加密后的文字:“+ str2 +“& lt; br/在“)   ,   ,var  str4 =, Base64.decode (& # 39; 5 zcd6awt5lqg5zcx& # 39;),,   ,document . write(“我是Base64解密后的文字:“+ str4 +“& lt; br/在“)   ,   ,//md5加密   ,var  str5 =, md5 (& # 39; hello  & # 39;)   ,document . write(“我是md5加密后的文字:“+ str5 +“& lt; br/在“)   ,}   ,}   & lt;/script>   ,   & lt; style  scoped>   ,   & lt;/style>

感谢各位的阅读!关于“vue如何实现文字加密功能”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

vue如何实现文字加密功能