凤凰棋牌二八杠-xn--ghq308ckocc1j08civ6dpobe5f.tucuponya.com

google seo -> telegram: @ehseo6

">Newsnet 2022-10-03 09:53
  • home  >   /衢州再仁电子有限公司  >   凤凰棋牌二八杠
  • 老版波克棋牌交流群 茶楼棋牌室怎么经营
    棋牌招商主管 娱网棋牌 坏了
    龙城棋牌攻略 how about 凤凰棋牌二八杠?
    What's the 凤凰棋牌二八杠 phone number? What is 凤凰棋牌二八杠 contact information ?
    Online consultation 凤凰棋牌二八杠 The picture of the 凤凰棋牌二八杠
    凤凰棋牌二八杠of the video Is 凤凰棋牌二八杠 for real ?
    凤凰棋牌二八杠's website A map of 凤凰棋牌二八杠
    凤凰棋牌二八杠 of tiktok 凤凰棋牌二八杠music
    凤凰棋牌二八杠 of news 凤凰棋牌二八杠app
    凤凰棋牌二八杠company Customer service of 凤凰棋牌二八杠 company

    亚博娱乐平台注册

    亚博娱乐平台注册

    2022
    04/09
    2:39
    你的位置:首页 > 网页设计 > 在小程序当中渲染树

    亚博娱乐平台注册

    发布时间:2022-10-03 02:39:47

    原标题:在小程序当中渲染树

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

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

    function dfs(tree) {
     if(!tree) return
     console.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" >
      <block wx:for="{{treeVal.children}}">
       <TreeNode treeVal="{{item}}"></TreeNode>
      </block>
     </view> 
    </view>
    

    JS部分

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

    CSS部分

    .children_con {
     padding-left: 50rpx;
    }

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








    原标题:在小程序当中渲染树

    关键词:

    转载请保留本文网址: http://www-shaoqun-com.tucuponya.com/a/1653419.html
    *特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
    您可能感兴趣的文章
    福彩3d第15067期预测 程程18006期双色球预测 17202体彩中奖号码的真实规律 排列五最精准杀号定胆 彩票平台系列名字
    彩民14041大乐透杀码 吉林快三多少分钟一开奖结果 大乐透2018004期历史同期 上海快三基本走势和值 吉林快三直播在线观看
    体彩大乐预测 排列五开奖近500期 2018349排列五我中一注 福彩三地南方网 广西快三一共有多少注
    排列五开奖号码走势图综合版 麦丽素双色球084期分析 排列五十个和值遗漏 双色球18001残花月预测 排列五跨度分布图