位置: 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函数)

  • 裸金属服务器 是什么(裸金属服务器和云服务器的区别)

    裸金属服务器 是什么(裸金属服务器和云服务器的区别)

  • 文件查找快捷键是什么(文件中查找快捷键)

    文件查找快捷键是什么(文件中查找快捷键)

  • 怎么样使用剪映调整视频 如何使视频旋转90度?(怎么样使用剪映拍视频)

    怎么样使用剪映调整视频 如何使视频旋转90度?(怎么样使用剪映拍视频)

  • 一根光纤可以接两个光猫吗(一根光纤可以接两个wifi吗)

    一根光纤可以接两个光猫吗(一根光纤可以接两个wifi吗)

  • 惠普e管家可以卸载吗(惠普E管家可以帮忙下载软件吗)

    惠普e管家可以卸载吗(惠普E管家可以帮忙下载软件吗)

  • 钉钉连麦有回音怎么解决(钉钉连麦有回音对方声音特别小)

    钉钉连麦有回音怎么解决(钉钉连麦有回音对方声音特别小)

  • i54200m换i74712mq提升大吗(i54200m换i74712mq使用效果)

    i54200m换i74712mq提升大吗(i54200m换i74712mq使用效果)

  • 3990x用什么散热器(3990x用什么风冷)

    3990x用什么散热器(3990x用什么风冷)

  • 微信解冻收不到验证码怎么办(微信解冻为什么解冻不了)

    微信解冻收不到验证码怎么办(微信解冻为什么解冻不了)

  • vivox7有没有语音助手(vivox7手机语音助手怎么打开)

    vivox7有没有语音助手(vivox7手机语音助手怎么打开)

  • 看朋友圈对方知道吗(朋友圈对方知道仅一人可见吗)

    看朋友圈对方知道吗(朋友圈对方知道仅一人可见吗)

  • 兄弟码是什么号码(兄弟数字代码是什么数字)

    兄弟码是什么号码(兄弟数字代码是什么数字)

  • 苹果下载东西怎么用面容id(iphone的下载软件)

    苹果下载东西怎么用面容id(iphone的下载软件)

  • wps表格如何查找文本(wps表格如何查找自己想要的内容)

    wps表格如何查找文本(wps表格如何查找自己想要的内容)

  • 纸张大小怎么设置(纸张大小怎么设置a5)

    纸张大小怎么设置(纸张大小怎么设置a5)

  • 手机qq怎么设置禁言(手机qq怎么设置密码才能进入)

    手机qq怎么设置禁言(手机qq怎么设置密码才能进入)

  • 京东app取消退款在哪里(京东商城取消退款申请)

    京东app取消退款在哪里(京东商城取消退款申请)

  • a1778需要卡贴吗(苹果a1784是卡贴机吗)

    a1778需要卡贴吗(苹果a1784是卡贴机吗)

  • 积目怎么注销账号(积目怎么注销账号2021)

    积目怎么注销账号(积目怎么注销账号2021)

  • 华为不支持网易云吗(华为不能用网易云)

    华为不支持网易云吗(华为不能用网易云)

  • 苹果手机怎么换购(苹果手机怎么换id账号)

    苹果手机怎么换购(苹果手机怎么换id账号)

  • 感叹号怎么用(感叹号怎么用键盘打出来)

    感叹号怎么用(感叹号怎么用键盘打出来)

  • 小米8计步器设置(小米8手机计步器在哪里打开)

    小米8计步器设置(小米8手机计步器在哪里打开)

  • 商家订单号有什么用(商家订单号有什么作用)

    商家订单号有什么用(商家订单号有什么作用)

  • mate20三个摄像头的作用(mate20三个摄像头分工)

    mate20三个摄像头的作用(mate20三个摄像头分工)

  • Win10 Build 19043(21H1最新版)即将推送 更新内容汇总

    Win10 Build 19043(21H1最新版)即将推送 更新内容汇总

  • 百合花怎么养殖(百合花怎么养殖简单)

    百合花怎么养殖(百合花怎么养殖简单)

  • 深拷贝的五种实现方式(深拷贝的实现方式)

    深拷贝的五种实现方式(深拷贝的实现方式)

  • 工程类预交税金
  • 培训会议费能否抵扣
  • 围挡属于什么类型
  • 联营企业属于企业吗
  • 发票勾选后什么时候可以抵扣税
  • 计提应收的增值税返还
  • 预缴的附加税月末结转吗
  • 库存商品暂估后怎么结转
  • 交社保不发工资怎么办
  • 个人出租商业用房
  • 企业会计准则和新会计准则的区别
  • 申报表季初资产和季末资产
  • 企业如何加强存货管理工作
  • 成品油进项税转出
  • 公司支票可以存到个人账户吗
  • 办公楼贷款比例
  • 公允价值变动税务处理
  • 企业认缴出资怎么做账
  • 工资做账原始凭证是什么
  • 房屋租赁的税收政策
  • 健身行业的税务政策
  • 关于非上市公司的法律
  • 最新《资源税纳税标准
  • 未按规定期限办理身份证
  • 修理时换下的废品配件怎么处理?
  • 什么情况增值税专用发票不能抵扣
  • 仓库间的调拨流程
  • 事业单位打印费计入什么科目
  • 销售商品现金流量表项目
  • 税法对开办费的怎么汇算清缴
  • 咨询服务费怎么交税
  • 零售企业退货分录
  • vue获取input
  • 以摊余成本计量且其变动计入当期损益
  • 面试官:一千万是真的吗
  • 小规模纳税人未开票收入如何填申报表
  • 对于企业无法支付的应付账款
  • day03-CSS
  • python猜数字1到1000代码
  • 帝国cms视频教程
  • 为公司垫付费用多久报销
  • sqlsever注释符号
  • 应交税金科目的核算
  • 注册资本金收到之后可以转挂往来款吗
  • 建筑安装工程公司起名
  • 制造费用是费用吗?
  • 应税污染物的计算公式
  • 再保险业务范围
  • 合并报表抵消分录的基本原理
  • 为什么一般纳税人税率高
  • 购买汽车轮胎的注意事项
  • 商业养老保险有风险吗
  • 计算不含税金额
  • 印花税退还
  • 发票冲红给对方单位说明怎么写
  • mysql Access denied for user ‘root’@’localhost’ (using password: YES)解决方法
  • mysql的全文索引的用处
  • sql语句分号
  • 在windows操作中
  • 监控iphone软件
  • 如何解决电脑蓝屏0X0000007B
  • win7系统控制面板在哪里打开
  • w10英雄联盟老是崩溃
  • windows怎么拨号
  • win10如何删除pin登录密码
  • mmc.exe是什么
  • win7开始菜单中的程序图标修改了
  • cocos2dx-js
  • 编程javascript
  • extjs grid设置某列背景颜色和字体颜色的实现方法
  • Linux服务器无法远程连接
  • 后台运行bat定时器程序示例分享
  • node.js快速入门
  • JavaScript中数组的相关方法
  • 用jquery
  • 搭建oj
  • 安卓绘图软件推荐
  • python 执行远程代码
  • 初步了解的英文
  • js短信验证码60s倒计时
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设