树选择器记录

项目场景：

前端树选择器 a-tree-select

---

解决方案：

树选择器记录

<a-col :span="12">
              <a-form-item label="维修等级" v-bind="validateInfos.levelId">
                <a-tree-select
                  v-model:value="modelRef.levelId"
                  show-search
                  style="width: 100%"
                  :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
                  placeholder="请选择维修等级"
                  allow-clear
                  tree-default-expand-all
                  :tree-data="levelOptions"  //数据
                  :field-names="{
                    children: 'children',  //定义子集
                    label: 'levelName',   //显示名称
                    key: 'key',			 //主键
                    value: 'rowId',     //选择后传值
                  }"
                  @select="levelTreeSelect"   //被选中时调用
                />
              </a-form-item>
            </a-col>

  const levelTreeSelect = key => {
      if (key !== null || key !== undefined) {
        getLevelById(key);
      } else {
        message.warning('请选择维修等级');
        modelRef.levelId = null;
      }
    };