草庐IT

vue+element-ui el-select + el-tree下拉树形结构组件(新增多选功能且可以全选、反选、清空)

一、最终效果二、具体HTML代码(详情请看源码)template>el-selectref="select"v-model="selectValue":multiple="multiple":filter-method="dataFilter"@remove-tag="removeTag"@clear="clearAll"popper-class="t-tree-select":style="{width:width||'100%'}"v-bind="attrs"v-on="$listeners">el-optionv-model="selectTree"class="option-style

vue+element-ui el-select + el-tree下拉树形结构组件(新增多选功能且可以全选、反选、清空)

一、最终效果二、具体HTML代码(详情请看源码)template>el-selectref="select"v-model="selectValue":multiple="multiple":filter-method="dataFilter"@remove-tag="removeTag"@clear="clearAll"popper-class="t-tree-select":style="{width:width||'100%'}"v-bind="attrs"v-on="$listeners">el-optionv-model="selectTree"class="option-style

利用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{

利用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{