element-ui 框架 Dialog 中使用 JsBarco

今天在 用 JsBarcode生成二维码的时候，发现无法显示 并且报错
-1.安装
npm install jsbarcode --save
-2.在使用页面引入
import JsBarcode from 'jsbarcode'
-3.定义标签和id
<img id="barcode" />
-4.生成

      JsBarcode('#barcode', 'DY2022031100077', {
        format: 'CODE39',
        lineColor: '#000',
        width: 2,
        height: 100,
        displayValue: false
      })
    }

-5.然后渲染不了，并且报错

image.png

-6解决办法
将生成的二维码单独写一个组件，然后再引入到Dialog 就可以了

image.png