uniapp如何封装公用方法-LMLPHP

本教程操作环境:windows7系统、uni-app2.5.1版本,该方法适用于所有品牌电脑。

推荐(免费):uni-app开发教程

实现uniapp封装公用方法:

1、双击打开HBuilderX开发工具,创建uni-app项目并打开

uniapp如何封装公用方法-LMLPHP

2、在pages文件夹下,新建页面文件index.vue,并打开

uniapp如何封装公用方法-LMLPHP

3、创建一个utils文件夹,然后新建JavaScript文件DateUtils.js

uniapp如何封装公用方法-LMLPHP

4、打开已新建的js文件,定义函数statisTime,然后返回指定格式的日期

uniapp如何封装公用方法-LMLPHP

5、在index.vue文件中,插入一个picker元素并绑定属性和变量

uniapp如何封装公用方法-LMLPHP

6、在<script></script>标签中,导入DateUtils,并在变量中使用

uniapp如何封装公用方法-LMLPHP

7、保存代码并编译代码,在微信开发者工具,查看编译效果

uniapp如何封装公用方法-LMLPHP

以上就是uniapp如何封装公用方法的详细内容,更多请关注Work网其它相关文章!

09-17 04:17