vue生成二维码中文无法识别的解决方案

vue中，使用第三方库，比如QRious，生成二维码，如果二维码内容中包含有中文，二维码无法识别，用解码工具也无法解出正确内容。

原因是三方库没有设置正确中文编码，解决办法如下，示例在lib目录中新建一个textcode.js文件，写入下面代码

export  function utf16to8(str) {
    var out, i, len, c;
    out = "";
    len = str.length;
    for(i = 0; i < len; i++) {
        c = str.charCodeAt(i);
        if ((c >= 0x0001) && (c <= 0x007F)) {
            out += str.charAt(i);
        } else if (c > 0x07FF) {
            out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
            out += String.fromCharCode(0x80 | ((c >>  6) & 0x3F));
            out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));
        } else {
            out += String.fromCharCode(0xC0 | ((c >>  6) & 0x1F));
            out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));
        }
    }
    return out;
}

在生成二维码的页面引用：

import { ref } from "vue";
import { utf16to8 } from '@/lib/textcode';

const codetext = ref('您好');

const chineseText = utf16to8( codetext.value ); //二维码内容