微信小程式頁面間通訊之eventBus

2021-10-01 15:37:35 字數 1372 閱讀 5735

自定義乙個eventbus.js檔案放到until或者其他資料夾下,需要自己封裝這個eventbus

//建立eventbus物件

leteventbus

=function()

;//準備陣列容器

var objbus =

, arrbus =

;//新增方法

eventbus.prototype =

; map.k = key;

map.v = action;

//如果存在,則刪除之前新增的事件

for(

var i =

0, buslength = objbus.length; i < buslength; i++)}

objbus.

push

(map);}

},get:

function

(key)}}

}}, emit:

function

(key, data)}}

return

newpromise

((resolve, reject)

=>)}

, on:

function

(key, action)

; map.k = key;

map.v = action;

arrbus.

push

(map);}

},arr:

; map.k = key;

map.v = action;

arrbus.

push

(map);}

},pop:

function

(key)}}

}}}var eventbus =

neweventbus()

module.exports =

const eventbus=

require

('./js/utils/eventbus.js'

)onlaunch()

在你需要用的頁面都要引入。

();

需要傳送的頁面,使用emit

eventhandle()

接收的頁面,使用on

page()

}})

微信小程式頁面布局

3.flex布局的主要特徵是能夠調整其子元素在不同的螢幕大小中能夠用最適合的方法填充合適的空間。二,flex布局的特點 1.任意方向的伸縮,向左,向右,向下,向上 2.在樣式層可以調換和重排順序 3.主軸和側軸方便配置 4.子元素的空間拉伸和填充 5.沿著容器對齊23 顯示效果 block改換成di...

微信小程式頁面布局

1.flex布局,是w3c在2009年提出的一種新的方案,可以簡便,完整,響應式的實現各種頁面布局。2.flex布局提供了元素在容器中的對齊,方向以及順序,甚至他們可以是動態的或者不確定的大小的。3.flex布局的主要特徵是能夠調整其子元素在不同的螢幕大小中能夠用最適合的方法填充合適的空間。二,fl...

微信小程式頁面跳轉

每乙個列表對應著都有乙個詳情頁面,那麼這個詳情頁面可以通過乙個標籤去跳轉,也就是用上述的標籤就可以數顯跳轉 那麼對應列表裡面的詳情頁我們還需要在這個鏈結上進行乙個操作。也就是在鏈結後面 新增乙個對應的id引數,然後js裡面去接受這個引數,就會根據資料來跳轉到對應的詳情頁去了。exports.gets...