vue实现文字加密功能

 更新时间:2019年09月27日 11:49:22   作者:小羽向前跑  
这篇文章主要为大家详细介绍了vue实现文字加密功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了vue实现文字加密功能的具体代码,供大家参考,具体内容如下

效果:

组件代码: 

base64

npm install --save js-base64

md5

npm install --save js-md5

<template>
 <div>
 
 </div>
</template>
 
<script>
import md5 from 'js-md5';
var Base64 = require('js-base64').Base64;
 
 export default {
 name:"appid",
 mounted(){ 
 //Base64加密 
 var str1 = Base64.encode('你好啊'); 
 document.write("我是Base64加密后的文字:"+str1+"<br/>")
 
 var str3 =Base64.decode('5L2g5aW95ZWK'); 
 document.write("我是Base64解密后的文字:"+str3+"<br/>")
  
 var str2 =Base64.encodeURI('吃饭了吗'); 
 document.write("我是Base64加密后的文字:"+str2+"<br/>")
 
 var str4 = Base64.decode('5ZCD6aWt5LqG5ZCX'); 
 document.write("我是Base64解密后的文字:"+str4+"<br/>")
 
 //md5加密
 var str5 = md5('hello world')
 document.write("我是md5加密后的文字:"+str5+"<br/>")
 }
 }
</script>
 
<style scoped>
 
</style>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Vue3自定义Echars组件附带全局配置方式

    Vue3自定义Echars组件附带全局配置方式

    这篇文章主要介绍了Vue3自定义Echars组件附带全局配置方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • Vuejs开发环境搭建及热更新【推荐】

    Vuejs开发环境搭建及热更新【推荐】

    Vue.js是目前很火的一个前端框架,采用MVVM模式设计,它是以数据驱动和组件化的思想构建的。本文重点给大家介绍Vuejs开发环境搭建及热更新的相关知识,需要的朋友参考下吧
    2018-09-09
  • vue中轮训器的使用

    vue中轮训器的使用

    今天小编就为大家分享一篇关于vue中轮训器的使用,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • 详解vue服务端渲染浏览器端缓存(keep-alive)

    详解vue服务端渲染浏览器端缓存(keep-alive)

    在使用服务器端渲染时,除了服务端的接口缓存、页面缓存、组建缓存等,浏览器端也避免不了要使用缓存,减少页面的重绘。这篇文章主要介绍了详解vue服务端渲染浏览器端缓存(keep-alive),感兴趣的小伙伴们可以参考一下
    2018-10-10
  • Vue+Flask实现简单的登录验证跳转的示例代码

    Vue+Flask实现简单的登录验证跳转的示例代码

    本篇文章主要介绍了Vue+Flask实现简单的登录验证跳转的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • vue实现图片路径转二进制文件流(binary)

    vue实现图片路径转二进制文件流(binary)

    这篇文章主要介绍了vue实现图片路径转二进制文件流(binary),具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-06-06
  • 在vue框架下使用指令vue add element安装element报错问题

    在vue框架下使用指令vue add element安装element报错问题

    这篇文章主要介绍了在vue框架下使用指令vue add element安装element报错问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • 图文详解vue中proto文件的函数调用

    图文详解vue中proto文件的函数调用

    这篇文章主要给大家介绍了vue中proto文件函数调用的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用vue具有一定的参考学习价值,需要的朋友可以参考下
    2021-08-08
  • jdk1.8+vue elementui实现多级菜单功能

    jdk1.8+vue elementui实现多级菜单功能

    这篇文章主要介绍了jdk1.8+vue elementui实现多级菜单功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-09-09
  • Vue使用Axios和elementui实现查询分页功能

    Vue使用Axios和elementui实现查询分页功能

    当今的Web开发趋势中,前后端分离已经成为一种流行的架构模式,它将前端和后端的开发分离开来,使得前端和后端可以独立进行开发和部署,本文给大家介绍了Vue使用Axios和elementui实现查询分页功能,需要的朋友可以参考下
    2024-06-06

最新评论