微信小程序如何動(dòng)態(tài)控制組件的顯示/隱藏功能

發(fā)布時(shí)間：2021-06-26 14:26:55 來源：億速云閱讀：1362 作者：小新欄目：web開發(fā)

這篇文章主要介紹微信小程序如何動(dòng)態(tài)控制組件的顯示/隱藏功能，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

組件有個(gè)屬性：hidden='' ,值為true/false ，當(dāng)false的時(shí)候說明不隱藏，當(dāng)true的時(shí)候說明隱藏，注意該隱藏是不保留組件位置的。

實(shí)現(xiàn)即 .js 配合.wxml 文件

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

微信小程序如何動(dòng)態(tài)控制組件的顯示/隱藏功能

二、在.wxml文件下構(gòu)建一個(gè)view組件

微信小程序如何動(dòng)態(tài)控制組件的顯示/隱藏功能

驗(yàn)證：

1、false，不隱藏的時(shí)候

微信小程序如何動(dòng)態(tài)控制組件的顯示/隱藏功能

2、true，隱藏的時(shí)候

微信小程序如何動(dòng)態(tài)控制組件的顯示/隱藏功能

以上是“微信小程序如何動(dòng)態(tài)控制組件的顯示/隱藏功能”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡