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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
fontawesome的图标有免费版和专业版,本文主要使用free版本,一般free版本的图标够用,free图标又划分为三个图标库,主要有实心图标solid、常规图标regular及品牌图标brand,根据需求去下载对应的图标库,无须全部下载,对vue fontawesome图标库相关知识感兴趣的朋友一起看看吧2023-12-12
这篇文章主要介绍了VUE 实现动态给对象增加属性，并触发视图更新操作,涉及vue.js对象属性动态操作及视图更新相关实现技巧,需要的朋友可以参考下2019-11-11
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
这篇文章主要介绍了基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-01-01
今天小编就为大家分享一篇解决vue动态为数据添加新属性遇到的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了Vue添加请求拦截器及vue-resource 拦截器使用,需要的朋友可以参考下2017-11-11
vue+element开发使用el-select不能回显的处理方案
这篇文章主要介绍了vue+element开发使用el-select不能回显的处理方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
maptalks+three.js+vue webpack实现二维地图上贴三维模型操作
这篇文章主要介绍了maptalks+three.js+vue webpack实现二维地图上贴三维模型操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要介绍了vue项目检测依赖包是否有使用的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
vue init webpack 建vue项目报错的解决方法
今天小编就为大家分享一篇vue init webpack 建vue项目报错的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
今天小编就为大家分享一篇vue.js中proxyTable 转发请求的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
最新评论