利用print.js + el-tree 动态修改打印字段(支持全选所有字段)

       

          >全选

        >

       

       

          :data="treePrintData"

          ref="treePrintData"

          show-checkbox

          default-expand-all

          node-key="id"

          :props="defaultProps"

        >

       

   handleCheckAllChange(val) {

      if (this.checkAll) {

        // 全选

        this.$refs.treePrintData.setCheckedNodes(this.treePrintData);

      } else {

        // 反全选

        this.$refs.treePrintData.setCheckedKeys([]);

      }

    },

 点击提交的时候，获取到所有的选中的叶子节点

submitPrintData() {

      // 只获取叶子节点的的id值

      let checkedArr = this.$refs.treePrintData.getCheckedNodes(true);

      console.log("checkedArr", checkedArr);

      // 调用接口获取打印数据

      this.viewOrderDetail(this.multipleSelection[0], true, checkedArr);

    },

 设置非打印区的两种方法

指定不打印区域

方法一. 添加no-print样式类

1不要打印我

方法二. 自定义类名

Print('#Dom',{'no-print':'.do-not-print-me-xxx'});

不要打印我

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！