Vue基础--下拉tree

 

安装npm install --save @riophae/vue-treeselect

文档地址：https://vue-treeselect.js.org/

 

<el-form-item label="选择部门" class="formItem_self">
          <treeselect
            :multiple="false"
            :options="xldata"
            placeholder="选择部门"
            v-model="form.dlxl"
            @select="selectLinName"
            :default-expand-level="1"
            :normalizer="normalizer"
            :alwaysOpen="false"
            style="width: 200px;height:32px;"
          >
            <label
              slot="option-label"
              slot-scope="{ node, labelClassName }"
              :class="labelClassName"
            >
              <img :src="node.raw.icon" />
              {{ node.label }}
            </label>
          </treeselect>
 </el-form-item>

 

更详细的参考：

https://blog.csdn.net/Dream_xun/article/details/83116804?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.channel_param