首页 > web前端 > uni-app > 正文

uniapp如何封装公用方法

coldplay.xixi
发布: 2020-12-14 17:49:53
原创
8155 人浏览过

实现uniapp封装公用方法:首先创建uni-app,并新建页面文件;然后新建封装文件,并定义封装方法;接着页面调用方法;最后保存编译预览即可。

uniapp如何封装公用方法

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

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

实现uniapp封装公用方法:

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

5f148192fc4ba120fc2c240eecf753d.png

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

cdf683665b1f971be804e6a4a218189.png

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

e27d3b9b007076b156d6f5ae8b897e5.png

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

49aaf399494505bc4eb1792ee3b9127.png

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

fa3f544130a8c56bf024bc2948418db.png

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

2a93633534b0a7672dd31ab5d418a6f.png

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

1a2142d68e7826eff97c17f48cd5451.png

相关免费学习推荐:编程视频

以上是uniapp如何封装公用方法的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!