小程序實踐(四):動態控制組件的顯示/隱藏


組件有個屬性:hidden='' ,值為true/false ,當false的時候說明不隱藏,當true的時候說明隱藏,注意該隱藏是不保留組件位置的。

 

實現即 .js 配合.wxml 文件

 

一、在.js 文件下的 Page({}) 里面 的data:{} 里面 創建一個布爾類型的屬性

  

 

二、在.wxml文件下構建一個view組件

  

------------------------------------------------------------------------------------------------------

 

驗證:

1、false,不隱藏的時候

  

 

2、true,隱藏的時候

  

 

 

 

 

--------------------------------------------------------------------------------------

 

小程序實踐(一):主頁tab選項實現

小程序實踐(二):swiper組件實現輪播圖效果

小程序實踐(三):九宮格實現及item跳轉

小程序實踐(四):動態控制組件的顯示/隱藏

小程序實踐(五):for循環綁定item的點擊事件

小程序實踐(六):view內部組件排版

小程序實踐(七):頁面間傳值

小程序實踐(八):驗證碼倒計時功能

小程序實踐(九):返回到上一個界面並傳值回去

小程序實踐(十):textarea實現簡單的編輯文本界面

小程序實踐(十一):showModal的使用

小程序實踐(十二):七牛雲上傳圖片

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM