2020-03-26 vue 转base64

assets文件夹中新建js文件夹,js文件夹中新建base64.js加入如下代码:

const Base64 = {
  //加密
  encode(str) {
    return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g,
      function toSolidBytes(match, p1) {
        return String.fromCharCode('0x' + p1);
      }));
  },
  //解密
  decode(str) {
    // Going backwards: from bytestream, to percent-encoding, to original string.
    return decodeURIComponent(atob(str).split('').map(function (c) {
      return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
    }).join(''));
  }
}
export default Base64

main.js中加入代码,注册到全局:

import Base64 from './assets/js/base64.js'
Vue.prototype.$Base64 = Base64

应用(加密/解密):

this.$Base64.encode(row.id)
this.$Base64.decode(row.id)