vue树形展示插件和一维码插件

1.vue2-org-tree

2.样式修改:

css 复制代码
.org-tree-container {
  height: 100%;
}
.horizontal .org-tree-node-children {
  padding-left: 70px !important;
}
.horizontal .org-tree-node-children::before {
  width: 70px !important;
}
.org-tree-node-label-inner {
  cursor: pointer;
}

3.一维码生成

javascript 复制代码
  barcode(item, index) {
      let barCode = item;
      let name = "#barcode" + index;
      let flag = true;
      if (index == 19) {
        flag = false;
      }
      JsBarcode(name, item, {
        format: "CODE128", //选择要使用的条形码类型
        text: barCode, //显示文本
        displayValue: flag, //是否在条形码下方显示文字
        textPosition: "bottom", //设置文本的垂直位置
        margin: 10, //设置条形码周围的空白边距
        height: 70,
        width: 1.3,
        textMargin: 10,
        fontSize: 22,
      });
    },

4.使用this.$refs.barcode1.innerHTML = "";清空打印值

相关推荐
孩子 你要相信光12 小时前
css之一个元素可以同时应用多个动画效果
前端·css
萌萌哒草头将军12 小时前
Oxc 和 Rolldown Q4 更新计划速览!🚀🚀🚀
javascript·vue.js·vite
huangql52012 小时前
npm 发布流程——从创建组件到发布到 npm 仓库
前端·npm·node.js
Qlittleboy12 小时前
uniapp如何使用本身的字体图标
javascript·vue.js·uni-app
Days205012 小时前
LeaferJS好用的 Canvas 引擎
前端·开源
小白菜学前端13 小时前
vue2 常用内置指令总结
前端·vue.js
林_深时见鹿13 小时前
Vue + ElementPlus 自定义指令控制输入框只可以输入数字
前端·javascript·vue.js
GDAL13 小时前
Knockout.js 任务调度模块详解
javascript·knockout
椒盐螺丝钉13 小时前
Vue组件化开发介绍
前端·javascript·vue.js
koooo~13 小时前
v-model与-sync的演变和融合
前端·javascript·vue.js