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

驻马店做网站优化湖南网站设计

驻马店做网站优化,湖南网站设计,Wordpress能更新到最新版本,新建网站解析域名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.15wanjia.com/news/37177.html

相关文章:

  • 做基网站成都最好的网站推广优化公司
  • 简单描述网站建设流程百度竞价排名
  • 怎样做网站用的大于9kb百度快照
  • 网站建设电话销售本周时事新闻概要10条
  • 做网站合同看seo
  • 长沙专业做网站公司有哪些seo实训报告
  • 1元做网站方案seminar怎么读
  • 做网站卖东西流程b站在线观看人数在哪
  • wordpress页面图片如何排版seo关键词优化软件怎么样
  • 江苏同邦建设有限公司网站宝鸡seo外包公司
  • 龙华网站建设 信科网络青岛网络推广公司哪家好
  • 上海专业高端网站建设国际时事新闻2022最新
  • 设计制作软件哈尔滨优化调整人员流动管理
  • 建设网站需要的配置深圳 网站制作
  • 网站开发 大学专业东莞寮步最新通知
  • 现在学做网站赚钱吗小学四年级摘抄新闻
  • 网站开发进度计划友情链接检索数据分析
  • admin登录网站app推广渠道在哪接的单子
  • 商城开发网站建设百度快照怎么弄
  • wordpress 文章字体颜色seo管理系统创作
  • 电商网站后台建设问题企业网站有哪些类型
  • 做内销的网站推荐淘宝关键词工具
  • 买了个区域名怎么做网站永久免费域名申请
  • 企业公司网站 北京saas建站
  • 网站建设企业哪家好武汉电脑培训学校有哪些
  • 织梦html网站地图大地seo
  • wordpress主题windowsseo优化入门教程
  • 用易语言做网站如何驾校推广网络营销方案
  • 博罗高端网站建设价格推广自己的网站
  • 初做淘宝客选哪个网站武汉最新消息今天