微信小程式 隱藏和顯示自定義的導航

2021-08-25 05:16:16 字數 816 閱讀 1220

.wxml **:

檢視容器

view

movable

基礎內容

icon

text

progress

表單元件

button

checkbox

form

input

label

picker

textarea

.js對應**:

data: ,

opentype: function (e) )

},tigger: function (e) )

} else if (num == 2) )

} else if (num == 3) )

} }

通過data-num=」1」 這中傳值方式,設定對應的view1的值。

這種方法能夠實現效果,但是在新增了新的view之後需要修改js**,所以不是最優的方法。

方法二:

.wxml **:

網路 request

websocket

connectsocket

onsocketopen

var statusarrs = [false]

page(,

opentype: function (e) )

}, //顯示隱藏

tigger: function (e) )

} })

方法二這種方式就簡單實現了不修改js**,新增了新的view也能控制隱藏顯示。

一點小技巧分享。

微信小程式自定義導航隱藏和顯示功能

微信小程式中不能直接操作window物件,document文件,跟html的樹結構不相同。實現類似導航的隱藏顯示,如圖效果 點選網路顯示或隱藏網路中包含的內容。其他類似。如果是jquery很方便實現,能直接操作document。在微信小程式中實現思路是 在邏輯層定義變數,通過setdata賦值。方法...

微信小程式自定義元件

父元素 子元件 可以由多個 子元件 a,b,c,d 父元素 首先是關於元件的建立 1 單獨建立乙個資料夾存放 wxss x.js wxml json這四個檔案,其中主要對元件進行宣告的是json檔案,需要寫入 這段 就是讓元件允許被使用,如果元件需要呼叫另乙個元件中,那麼就需要再usingcompe...

微信小程式自定義元件

根據專案需要,抽離出公共的元件。1 在專案根目錄新建乙個component的資料夾,然後新建自己需要的檔案 專案目錄如下 在component裡面我新建了3個子元件。2 子元件的寫法 只有js檔案格式不一樣,其他的檔案都正常寫。js需要自定義乙個component,參考 示例 component d...