设置生成的条形码，在页面上（整齐划一，方便裁切，打印）

问题遇到的现象和发生背景

设置生成的条形码，在页面上（整齐划一，方便裁切，打印）
同时支持下载模式

问题相关代码，请勿粘贴截图

    <el-dialog :title="title" :visible.sync="openCd" width="500px" append-to-body>
      <barcode :value="barcodeNum" :options="barcode_option">barcode>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">下载el-button>
        <el-button @click="cancelCd">取 消el-button>
      div>
    el-dialog>

    /** 预览按钮 */
    submitForm() {
      addTem(this.form).then(response => {

        this.codeIdOpt = response.data

        console.log(this.codeIdOpt + "111111")

        this.open = false;
        this.openCd =  true;
        this.getList();
      });
    },

运行结果及报错内容

我想要达到的结果

目前不知道怎么拿到这个返回的id然后进行遍历循环到那个预览图片上面，包括下载之前设置条形码和条形码之间的间距
https://blog.csdn.net/qq_24191395/article/details/125446415
在网上看到了这样的说明，但是自己前端实在太烂了，希望大家可以指点一下，谢谢

marginLeft应该可以设置间距 。至于你说的id 。我看你打印的是一个数组 。只需要 循环遍历这个数组 久能拿到 id 或者 arr[下标 ]