npm install gm-crypt

// sm4Utils.js
const SM4 = require("gm-crypt").sm4;
const pwdKey = "pwdKeyketihuan"; //"pwdKeyketihuan"; 密鑰  前后端一致即可,后端提供
let sm4Config = {
      key: pwdKey, //這里這個(gè)key值要與后端的一致，后端解密是根據(jù)這個(gè)key
      mode: "cbc",  // 加密的方式有兩種，ecb和cbc兩種，也是看后端如何定義的
      iv: 'woshiiv', //iv是cbc模式的第二個(gè)參數(shù)，也需要跟后端配置的一致, ecb不用iv。 iv是initialization vector的意思，就是加密的初始話矢量，初始化加密函數(shù)的變量，也叫初始向量。（本來應(yīng)該動(dòng)態(tài)生成的，由于項(xiàng)目沒有嚴(yán)格的加密要求，直接寫死了）
      cipherType: "base64"
    };

const sm4Util = new SM4(sm4Config); // new一個(gè)sm4函數(shù)，將上面的sm4Config作為參數(shù)傳遞進(jìn)去。
    
/* 
 * 加密工具函數(shù)
 * @param {String} text 待加密文本
 */
export function encrypt(text) {
	try {
  		return sm4Util.encrypt(text, pwdKey);
  	} catch {
  		return text;
  	}
}

/*
 * 解密工具函數(shù)
 * @param {String} text 待解密密文
 */
 export function decrypt(text) {
  try {
  		return sm4Util.decrypt(text, pwdKey);
  	} catch {
  		return text;
  	}
}

import { encrypt, decrypt } from "@/utils/sm4Util.js" //引入sm4.js  
let passWord = '1q2w3e4r';
// 加密
let passSm4en = encrypt(passWord);
// 解密
let passSm4de = decrypt(passSm4en);

// propFormat.js
import { encrypt, decrypt } from "@/utils/sm4Util.js" //引入sm4.js  
let propFormat = {
    // sm4加密
    encryptFormat: function(str) {
        if (str) {
            return encrypt(str);
        } else {
            return '';
        }
    },
    // sm4解密
    decryptFormat: function(str) {
        if (str) {
            return decrypt(str);
        } else {
            return '';
        }
    }
}

export default propFormat; 

let passWord = '1q2w3e4r';
// 加密
let passSm4en = this.$util.propFormat.encryptFormat(passWord);
// 解密
let passSm4de = this.$util.propFormat.decryptFormat(passSm4en);

// index.js
// 引入所有的工具類
...
import propFormat from './propFormat.js'
...
// 導(dǎo)出在一個(gè)對象上
export default {
    ...
    propFormat,
    ...
}

// main.js
...
import vueFilter from './utils/propFormat.js'
...

for (let i in vueFilter) {
    Vue.filter(i, vueFilter[i])
}

// 解密
<div class='password'>{{ password | decryptFormat }}</div>