以下是后端返回的数据:total 7…code 200msg 查询成功rows deptId 1686325144467386369 parentId 0 deptType sale ancestors deptName 古驰……0 deptId 1686325144467386369 parentId 0 deptType sale ancestors deptName 古驰…parentI
要在当前数据是一级部门的情况下隐藏显示"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"字符串。
原文地址: http://www.cveoy.top/t/topic/jfQo 著作权归作者所有。请勿转载和采集!