位置: IT常识 - 正文

在小程序当中渲染树(小程序渲染是什么意思)

编辑:rootadmin
我们可以很轻松的去遍历一棵树,无论是广度优先遍历还是深度优先遍历,那么怎么在小程序当中渲染一棵树呢? 先看一下我们深度优先遍历的代码 function dfs(tree) { if(!tree) return console.log(tree.value) if (tree.children) { ...

推荐整理分享在小程序当中渲染树(小程序渲染是什么意思),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:小程序如何实现列表渲染,小程序渲染是什么意思,小程序获取数据后怎么渲染到页面,微信小程序的渲染方式,小程序获取数据后怎么渲染到页面,在小程序当中渲染怎么弄,微信小程序的渲染方式,在小程序当中渲染怎么弄,内容如对您有帮助,希望把文章链接给更多的朋友!

我们可以很轻松的去遍历一棵树,无论是广度优先遍历还是深度优先遍历,那么怎么在小程序当中渲染一棵树呢?

先看一下我们深度优先遍历的代码

function dfs(tree) {if(!tree) returnconsole.log(tree.value)if (tree.children) {for(let i = 0; i < tree.children.length; i++) {dfs(tree.children[i])}}}在小程序当中渲染树(小程序渲染是什么意思)

可以看出,深度优先遍历的算法是利用递归,判断是否此节点有children属性,如果有就再次递归。

那么,我们小程序是不是可以定义一个组件,然后,这个组件接收一个object,然后在此组件内,判断object是否有children,如果有,就循环调用此组件,是不是就可以了呢?

下面我们来试一试。首先,我们来写一个组件,名字叫做 TreeNode,会接收一个参数 treeVal

<view>{{treeVal.value}}<view wx:if="treeVal.children" class="children_con"><block wx:for="{{treeVal.children}}"><TreeNode treeVal="{{item}}"></TreeNode></block></view></view>

JS部分

Component({properties: {treeVal: Object}})

CSS部分

.children_con {padding-left: 50rpx;}

是不是很简单就实现了呢?

本文链接地址:https://www.jiuchutong.com/zhishi/310487.html 转载请保留说明!

上一篇:mysql数据库有什么特点(MySQL数据库有什么特点)

下一篇:php中sleep()函数是什么(phpsystem函数)

  • photoshop网页美工设计交互网页设计好之后,这些图片还要变成HTML页面

    photoshop网页美工设计交互网页设计好之后,这些图片还要变成HTML页面

  • 网络新闻营销比较好的推广方式(网络新闻营销比例是多少)

    网络新闻营销比较好的推广方式(网络新闻营销比例是多少)

  • 全面屏手机如何设置三键(全面屏手机如何显示按键)

    全面屏手机如何设置三键(全面屏手机如何显示按键)

  • 荣耀手机怎样拼图照片(荣耀手机怎样拼图合成)

    荣耀手机怎样拼图照片(荣耀手机怎样拼图合成)

  • 抖音直播众筹什么意思(抖音直播间众筹什么意思)

    抖音直播众筹什么意思(抖音直播间众筹什么意思)

  • qq送礼物当天几点到(qq送礼物当天几点到账)

    qq送礼物当天几点到(qq送礼物当天几点到账)

  • 微店系统维护要多久(微店怎么维护)

    微店系统维护要多久(微店怎么维护)

  • 三星手机显示无命令怎么解决(三星手机显示无法连接服务器)

    三星手机显示无命令怎么解决(三星手机显示无法连接服务器)

  • 淘宝商品属性什么意思(淘宝中商品属性指什么)

    淘宝商品属性什么意思(淘宝中商品属性指什么)

  • 手机电源键是什么(手机电源键是哪个键,长什么样)

    手机电源键是什么(手机电源键是哪个键,长什么样)

  • 华为平板m6有没有耳机孔(华为平板m6有没有红外线功能)

    华为平板m6有没有耳机孔(华为平板m6有没有红外线功能)

  • 为什么手机是3g网(为什么手机是3g不是5g)

    为什么手机是3g网(为什么手机是3g不是5g)

  • 性能测试怎样测(性能测试怎样测量)

    性能测试怎样测(性能测试怎样测量)

  • 小米6x支持27w快充吗(小米6x支持20w快充吗)

    小米6x支持27w快充吗(小米6x支持20w快充吗)

  • word论文目录怎么做(word论文目录怎么调出来)

    word论文目录怎么做(word论文目录怎么调出来)

  • wps快速查找法(wps里快速查找)

    wps快速查找法(wps里快速查找)

  • 智慧团建只能用电脑登录吗(智慧团建只能用电脑审批吗?)

    智慧团建只能用电脑登录吗(智慧团建只能用电脑审批吗?)

  • wps表格查找在哪(wps表格如何求和)

    wps表格查找在哪(wps表格如何求和)

  • etc激活不了怎么办(etc 激活不了)

    etc激活不了怎么办(etc 激活不了)

  • bn41电池是红米哪款手机(红米电池bn43与bn41)

    bn41电池是红米哪款手机(红米电池bn43与bn41)

  • 苹果手机换id会有什么影响(苹果手机换id会影响以前信息吗)

    苹果手机换id会有什么影响(苹果手机换id会影响以前信息吗)

  • xr怎么设置电池百分比(苹果xr如何设置电池)

    xr怎么设置电池百分比(苹果xr如何设置电池)

  • Linux中用于更改光标和文本属性的tput命令使用详解(linux更改指定用户的相关信息)

    Linux中用于更改光标和文本属性的tput命令使用详解(linux更改指定用户的相关信息)

  • 基于C#开发 B/S架构的实验室管理系统 云LIS系统(MVC + SQLserver + Redis)(c#开发入门及项目实战)

    基于C#开发 B/S架构的实验室管理系统 云LIS系统(MVC + SQLserver + Redis)(c#开发入门及项目实战)

  • phpcms生成缩略图失败如何解决?(网站缩略图生成)

    phpcms生成缩略图失败如何解决?(网站缩略图生成)

  • 转让金融商品应交增值税税率
  • 首付款计提税金吗
  • 网络贷款需要交钱吗
  • 计提工资时个税怎么处理
  • 驾驶员培训服务税率
  • 私车公用协议可以入账吗?
  • 职业年金单位缴费方式
  • 购买冰箱微波炉注意事项
  • 注册资本没有实缴需要交印花税吗
  • 银行贷款印花税是什么意思
  • 直接进费用的固定资产
  • 销售自己使用过的物品
  • 固定资产减少会怎么样
  • 餐饮店充值
  • 招投标增值税
  • 培训费用开具什么发票
  • 公司没有员工怎么零申报
  • 发票跨年冲销
  • 已抵扣进项税额转出滞纳金
  • 税收滞纳金变化
  • 纳税人享受增值服务
  • 个人有形动产租赁
  • 汇兑结算包括
  • 小规模纳税人免征增值税的账务处理
  • 如何设置谷歌浏览器语言为中文
  • 2019年下半年中小学教师资格考试综合素质试题
  • 购买销售商品
  • 微信公众号实名认证怎么更改
  • php笔记程序
  • 汽车购置税计算公式
  • framework架构
  • 轻资产并购
  • 投标报名费怎么定
  • 无票收入需要开票吗
  • 微软 new bing 广告收入
  • 民间非营利组织如何纳税
  • python颜色代码有哪些
  • 公司资金转到法人帐户
  • 电子发票如何发邮箱给别人
  • 债券发行费用包括
  • 当月开的增值税发票当月能抵扣吗
  • 区块管理办法
  • python3 sys模块
  • 公司先垫付社保会计分录
  • 增值税申报表第18栏怎么来的
  • 资产减值损失的借贷方向
  • 数据库维护工作主要包括哪些内容
  • 运输途中发生的合理损失
  • 个人生产经营所得
  • 取得股息红利怎么交税
  • 营业费用占比
  • 私车公用税务处理
  • 给员工购买的意外险可以税前扣除吗
  • 营业收入包括主营业务收入
  • 怎么冲减多计提的增值税
  • 缴纳社保记账凭证怎么开
  • 出口货物退货流程
  • 递延收益确认的递延所得税资产有期限吗
  • 增发股票会计科目
  • 小企业会计准则以前年度损益调整
  • win10 mysql 5.6.35 winx64免安装版配置教程
  • 让Vista响应更快
  • bios怎么更改硬盘格式
  • win7如何查看电脑
  • ime是什么文件
  • window web
  • mac如何修改
  • hottray.exe是什么进程 有什么作用 hottray进程查询
  • vista starter
  • centos release6.7
  • Win10 Mobile build 10586.338上手视频曝光
  • win10系统可以不用杀毒软件吗
  • win10天气预报设置
  • linux开发android好处
  • 搭建nfs
  • android屏幕适配的五种方式
  • 如何在同一台电脑上投屏
  • 地税登记证和税务登记证是一样的吗
  • 沈阳国税局局长是谁
  • 税收与税收管理的关系
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设