要在当前数据是一级部门的情况下隐藏显示"0"字符串,你可以使用条件渲染来实现。可以通过判断parentId是否为"0"来决定是否显示<el-form-item>组件。

你可以尝试以下代码:

<template>
  <el-form>
    <!-- 其他表单项 -->

    <el-form-item v-if="formData.parentId !== '0'" label="上级部门" prop="parentId">
      <el-tree-select ref="treeRef" v-model="formData.parentId" clearable :data="filteredDeptList" node-key="deptId"
        check-strictly :default-expanded-keys="[formData.parentId]" :default-checked-keys="[formData.parentId]"
        :props="{ label: 'deptName', value: 'deptId' }" :filter-node-method="filterNode" :suffix-icon="CaretBottom"
        style="width: 450px" />
    </el-form-item>
  </el-form>
</template>

在上面的代码中,使用了v-if指令来判断formData.parentId是否为"0",如果不是"0",则显示<el-form-item>组件,否则不显示。

这样,在当前数据是一级部门的情况下,就不会显示"0"字符串。

以下是后端返回的数据:total 7…code 200msg 查询成功rows deptId 1686325144467386369 parentId 0 deptType sale ancestors deptName 古驰……0 deptId 1686325144467386369 parentId 0 deptType sale ancestors deptName 古驰…parentI

原文地址: http://www.cveoy.top/t/topic/jfQo 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录