首頁 >web前端 >uni-app >uniapp如何封裝公用方法

uniapp如何封裝公用方法

coldplay.xixi
coldplay.xixi原創
2020-12-08 16:34:238240瀏覽

實作uniapp封裝公用方法:先建立uni-app,並新建頁面文件;然後新封裝文件,並定義封裝方法;接著頁面呼叫方法;最後儲存編譯預覽即可。

uniapp如何封裝公用方法

本教學操作環境:windows7系統、uni-app2.5.1版本,此方法適用於所有品牌電腦。

推薦(免費):uni-app開發教學

#實作uniapp封裝公用方法:

1、雙擊開啟HBuilderX開發工具,建立uni-app專案並開啟

uniapp如何封裝公用方法

2、在pages資料夾下,新頁面檔案index .vue,並開啟

uniapp如何封裝公用方法

3、建立一個utils資料夾,然後新建JavaScript檔案DateUtils.js

uniapp如何封裝公用方法

4.開啟已新建的js文件,定義函數statisTime,然後返回指定格式的日期

uniapp如何封裝公用方法

#5、在index.vue文件中,插入一個picker元素並綁定屬性與變數

uniapp如何封裝公用方法

6、在<script></script>標籤中,匯入DateUtils,並在變數中使用

uniapp如何封裝公用方法

7、儲存程式碼並編譯程式碼,在微信開發者工具,查看編譯效果

uniapp如何封裝公用方法

相關免費學習推薦:程式設計影片

#

以上是uniapp如何封裝公用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

相關文章

看更多