分享乙個自定義的toast元件。下面我在這裡做粗略的分享，不好的地方請多多指教。
首先，我們來看看官方給的wx.showtoas這個api的展示形式：
或者是loading狀態的：
它的用法也非常簡單，直接copy官方api**就直接可以使用，官方**：
那麼下面我就分享乙個自己寫的toast元件（全域性）：
1、在component目錄中新建乙個toasttest目錄，如圖：
2、在toasttest.wxml檔案中新建乙個template（自定義元件模組），**如圖所示：
3、至於顯示的樣式我就不做解釋了，直接看**，當然你們可以根據自己的方式書寫樣式：
4、toasttest.js的**如下：
在_comdata中你可以新增你想展示的內容，如：title、pic等都可以往裡面塞，只是你要在樣式表中做相應的樣式處理即可；toastpannel物件中是包含了一些自定義的方法，如我的**中有切換元件顯示隱藏的開關和接收到的顯示內容；toastpannel是乙個建構函式，在這裡需要通過官方給出的getcurrentpages()方法獲取到要使用元件的當前頁，並且將該元件的data和相應的方法附加到當前頁面中，方便當前頁訪問；最後將該元件的建構函式暴露出來，讓其他頁面可以直接引用。
並且全域性引入元件的樣式表：
7、在需要使用該元件的頁面將模組引入，如我在toastdemo目錄中的toast.wxml檔案中引入元件的模組：
8、在當前頁面的js檔案中例項元件的建構函式，如我的toast.js檔案中例項**：
9、toast自定義元件實現的效果：
上述只是分享了全域性引用，如果想區域性引用的話，原理也是一樣的，只是把全域性引入變為區域性引入即可，以上即是本小白的分享，還請各大牛請噴。
注：這只是該元件展示最簡單的內容，自己可以新增喜歡的東西，抱歉！！！
本文**：
微信小程式自定義元件（Toast）
一，自定義元件 1.元件模版和樣式 類似於頁面，自定義元件擁有自己的 wxml 模版和 wxss 樣式。元件模版的寫法與頁面模板相同。元件模版與元件資料結合後生成的節點樹，將被插入到元件的引用位置上。在元件模板中可以提供乙個 節點，用於承載元件引用時提供的子節點。元件對應 wxss 檔案的樣式，只對...
微信小程式之自定義toast彈窗
第一步 新建乙個wxml檔案用來裝模板，方便以後使用，比如 然後在這裡面新增模板 template name toast name相當於模板的標識，引用的時候好判斷引用哪乙個 view class toast out wx if wx if是條件渲染，使用這個是為了好判斷是否顯示或隱藏toast v...
學習微信自定義元件
開發者可以將頁面內的功能模組抽象成自定義元件，以便在不同的頁面中重複使用。類似於頁面，乙個自定義元件由 json wxml wxss js 4個檔案組成 1 配置自定義元件 在json檔案中寫入 component true 表示自定義元件宣告，如下所示。同時，js檔案中也需要寫成這種格式，其 如下...