请选择 进入手机版 | 继续访问电脑版

71外链论坛

 找回密码
立即注册
开启左侧

微信小程序开发自定义组件时有哪些比较关键

[复制链接]
发表于 2022-7-26 17:50:06 | 显示全部楼层 |阅读模式
微信小程序开发自定义组件时有哪些比较关键

开发者在进行微信小程序开发制作的时候,很多时候都会对自定义组件有开发需求,可以把页面中的功能模块改编成自定义组件,那么在这个过程当中,有哪些步骤是比较重要的呢?
这里宜聘科技就为大家详细的介绍一下。
1.创建开发项目
首先,开发人员需要在微信小程序开发工具中创建一个空白项目,并在components组件中创建一个新的Dialog文件夹,保存我们的弹出组件。 在Dialog下,右键单击新的Component元素并将其命名为dialog,以生成相应的JSONWXMLWXSSJS文件,这些文件是自定义组件的一部分。
2.进行组件配置
首先,开发人员需要声明自定义组件,即将dialog.json中的组件字段设置为true: 其次,需要在dialog.wxml文件中编写一个弹出组件模板。 将弹出组件样式添加到dialog.wxss文件中,该文件以与页面类似的方式编写。
3.编写JS代码
dialog.wxml文件中,有一些模板变量,如{{isShow}}{{title}}。 他们还定义了两个方法_cancelEvent_confirmEvent。 它们的具体实现在dialog.js中。
Dialog.js是使用小程序中的Component构造函数生成的自定义组件的构造函数。 调用Component构造函数时,可以使用它来指定自定义组件的属性,数据,方法等。
4.在小程序index.wxml 文件中引入自定义组件
在编写完JS代码之后,开发人员需要在index.json中引入组件,之后在index.wxml中引入它并添加一些开发人员自定义的值,最后一步是进行index.js文件的配置。
5.进行测试
最后一步开发人员需要在小程序开发工具当中进行测试,如果测试没有问题,小程序不存在任何bug,小程序自定义组件的开发就算是顺利完成了。
以上便是关于微信小程序开发自定义组件时有哪些比较关键的相关介绍,想要了解更多微信小程序相关新闻资讯知识,请关注安徽宜聘科技。


回复

使用道具 举报

发表于 2022-8-1 00:32:45 | 显示全部楼层

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

标签云|免责声明|手机版|小黑屋|71外链论坛 ( 皖ICP备2021018791号-5 )|Sitemap|网站地图

GMT+8, 2024-3-29 17:45 , Processed in 0.063508 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2020, Tencent Cloud.

快速回复 返回顶部 返回列表