小程序里面也是有條件判斷的,我相信大家在開發(fā)java if和jstl c:if c:when。有人說在程序員眼里只有if else,可見重要性。一起了解下微信小程序額的條件判斷吧。源碼:https://github.com/limingios/wxProgram.git 中的No.8
站在用戶的角度思考問題,與客戶深入溝通,找到沁源網(wǎng)站設計與沁源網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:網(wǎng)站制作、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名申請、虛擬空間、企業(yè)郵箱。業(yè)務覆蓋沁源地區(qū)。
官方的闡述
>https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/conditional.html
演示條件判斷
>因為 wx:if 之中的模板也可能包含數(shù)據(jù)綁定,所以當 wx:if 的條件值切換時,框架有一個局部渲染的過程,因為它會確保條件塊在切換時銷毀或重新渲染。同時 wx:if 也是惰性的,如果在初始渲染條件為 false,框架什么也不做,在條件第一次變成真的時候才開始局部渲染。相比之下,hidden 就簡單的多,組件始終會被渲染,只是簡單的控制顯示與隱藏。一般來說,wx:if 有更高的切換消耗而 hidden 有更高的初始渲染消耗。因此,如果需要頻繁切換的情景下,用 hidden 更好,如果在運行時條件不大可能改變則 wx:if 較好。
ifElse.wxml
?? 未成年 ??=18?&&age<=30}}">已成年 ??30?&&age<=50}}">壯年,一起關注公眾號:編程坑太多給我來點贊 ??已經(jīng)老了 ?????? ??這是一個塊級元素 ????本節(jié)是if判斷學習 ???? 這是一個hidden元素 ????hidden判斷學習 ??
ifElse.js
//ifElse.js //獲取應用實例 const?app?=?getApp() Page({ ??data:?{ ????age:?34 ??} })
hidden true很像咱們css里面的display:none 元素是有的,只是屏幕不顯示
wx:if 就類似咱們開發(fā)的java的jstl標簽里面的if,直接元素就沒有
PS:條件渲染也是很重要的,業(yè)務邏輯判斷全靠它了。