日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

微信小程序(條件渲染和列表渲染)

作者:黑白自明 更新時間: 2022-07-12 編程語言

條件渲染

wx:if

首先展示一個簡單的例子
在這里插入圖片描述
在這里插入圖片描述
此時js文件中的data我對flag進行了數據設置,設置為true,因此會顯示以上語句
在這里插入圖片描述

在這里插入圖片描述
此時 js文件中的data score設置為85,滿足第二個條件,因此顯示第二個

block

同樣舉一個例子
在這里插入圖片描述
這里用兩個 條件進行判斷,而通過block 可以寫的比較簡便
在這里插入圖片描述
兩者顯示的結果是相同的
在這里插入圖片描述

if與hidden 的區別

if控制前后兩端代碼不一定全都進行條件渲染
就如上文的11與22一樣,22是不會進行渲染的
hidden 會全部進行渲染

列表渲染

同樣舉一個例子:
在這里插入圖片描述
在這里插入圖片描述
若是要改變view中的 index和item
可以進行以下操作
在這里插入圖片描述
結果是相同的
在這里插入圖片描述

嵌套數組

完成一個乘法表的打印
在這里插入圖片描述
在這里插入圖片描述

block

在這里插入圖片描述
在這里插入圖片描述

原文鏈接:https://blog.csdn.net/weixin_46037227/article/details/111825004

欄目分類
最近更新