当前位置: 首页 > news >正文

驻马店做网站优化公司网站搭建流程

驻马店做网站优化,公司网站搭建流程,网站建设义乌,南昌网站开发公司el-tree-v2无 el-tree中默认展开节点的属性,需要自行设置 default-expand-all是否默认展开所有节点 需求:首次默认展开全部节点 实现1尝试失败:增加设置了属性 :default-expand-keys"props.treeData.map(itemitem.id)"无效&…

el-tree-v2无 el-tree中默认展开节点的属性,需要自行设置

default-expand-all是否默认展开所有节点

需求:首次默认展开全部节点

实现1尝试失败:增加设置了属性 :default-expand-keys="props.treeData.map(item=item.id)"无效,但是静态数据:default-expand-keys="[1]"指定id就可以展开,原因应该是数据视图更新导致,但是未找到好的解决方法。

如下实现:

1-设置了firstExpand为首次加载标志

2-判断为第一次加载,是就setExpandedKeys设置默认展开

<script lang="ts" setup>import {  ElTree } from "element-plus";import { ref, watch, onMounted, nextTick } from "vue";//动态设置的高度const { tableBox, tableHeight } = useDynamicTableHeight();const defaultProps = {children: 'peopleData',value: 'id'}// 传给父组件点击事件const emits = defineEmits(['clickMapTerminal']);// 点击const onClickMapTerminal = (data) => {}const props = defineProps({treeData: {type: Array,default: () => {return []}}})const treeRef = ref < InstanceType < typeof ElTree >> ();//第一次加载标记const firstExpand = ref < boolean > (true);//监听第一次加载就默认展开全部节点watch(() => props.terminalData, () => {if (!firstExpand.value) return;setExpandedKeys();firstExpand.value = false;}, { deep: true })//默认全部展开——设置当前展开的节点const setExpandedKeys = () => {const allChooseIds = props.treeData.map(item => item.id) || [];treeRef.value?.setExpandedKeys(allChooseIds);}
</script><template><div id="list" class="overflow-y-auto h-full"><el-scrollbar class="w-full flex-1 h-full border-[1px] grow border-[#F0F0F0]" ref="tableBox"><el-tree-v2 ref="treeRef" :height="tableHeight" :data="props.treeData" :props="defaultProps" node-key="id" :expand-on-click-node="true" :item-size="45" default-expand-all @node-click="onClickMapTerminal"><template #default="{ node, data }"></template></el-tree-v2></el-scrollbar></div>
</template>
http://www.dinnco.com/news/39067.html

相关文章:

  • 网站建设找哪家抖音seo推广外包公司好做吗
  • 写的网站怎么做接口杭州市优化服务
  • 福田商城网站建设全球搜索引擎市场份额
  • canvas设计网站搜索引擎优化的英文
  • 河南住房建设部网站网页平台做个业务推广
  • 可以做热图的在线网站2345网址导航主页
  • 如何与导航网站做友情链接b站视频推广怎么买
  • 哪个网站找做软件下载seo优化师是什么
  • 可以货代从哪些网站开发客户企业文化设计
  • 广告设计是干什么的最优化方法
  • 成都 在线 网站建设文章优化关键词排名
  • 洛阳网站建设 培训软文营销的作用有哪些
  • 响应式网站的概念武汉十大技能培训机构
  • 千锋教育前端培训嘉兴seo
  • 做超市促销海报哪个网站好nba季后赛最新排名
  • 廊坊做网站的公司百度网站联系方式
  • 河北省住房和城乡建设厅网站查百度app手机版
  • seo网站优化网站编辑招聘seo免费优化
  • 江苏省建设工程集团长沙官网seo服务
  • 佛山网站建设技术外包快速网站
  • 常见的网站空间服务商seo优化公司信
  • 海口 网站制作公司关键词排名客服
  • 建站培训班企业培训课程清单
  • 做外贸网站求职seo服务
  • 兰州商城网站建关键词站长工具
  • 成都网站建设推广在营销推广费用方案
  • 做视频网站违法辽阳网站seo
  • 柳州团购网站建设营销必备十大软件
  • 自己ip做网站百度手机助手免费下载
  • 布拖网站建设惠州网站推广排名