小程序自定义组件

小程序自定义组件,第1张

新手在第一次自定义组件的时候,首先写出来需要定义的组件的内容和布局,防止不熟练而出错。

一、新建一个文件夹,自己命名。以后所有的自定义组件都存放于此。

二、在此文件夹下新建一个自行命名的文件夹,命名最好语义化,与里面自定义组件的名字相呼应。

三、在新建的文件夹内新建一个Component文件 命名也是自定义。

四、在xxx里面把事先写好的ml和ss以及js文件复制进去。

1、把提前写好的页面布局复制到这个此文件里面。写法和在普通页面的写法一样  {{}}是插值表达式。这里可以直接使用js里面定义的数据。

eg:

1、组件自定义的属性列表写在 properties里面。需要写成对象的形式 

eg:

2、组件的方法列表写在 methods里面

eg:

五、在需要引用自定义组件页面文件的xxx.json里面引用。

注意:引用的时候,不可以以./开头。前面命名可以自命名,不必和后面名字一样。

六、在需要引用的页面里的的xxx.wxml里写已经命名好的组件。

组件的名字为自定义命名。

eg:

因为组件是自己写的,并非微信提供的官方组件,所以如果想要获取触发事件的话 ,需要写一个同步组件回传数据

触发自定义事件用triggerEvent。在需要调用的方法内写this.triggerEvent(“自定义属性名”,‘需要更新的数据’)

eg:

然后将此事件绑定到页面中。绑定事件需要用bind:自定义的方法名=“js中定义的方法”

利用data-active="变量名"属性添加需要变化的变量

eg:

xxx.wxml内写法:

注意:想要在页面中使用自定义的组件属性时,必须要现在定义组件的文件夹内的js文件中,先去定义属性,然后才可以引入使用。

为了满足用户的需要,微信小程序广告组件正在内测中,同时还更新了其他功能,让微信的功能日渐完善。下面我们一起来了解下这次更新的具体内容。

微信小程序本次更新的主要内容有:

1、内测小程序广告组件

为满足小程序开发者变现需求,小程序广告组件已启动内测。

开发者开通流量主模块后,可通过创建广告单元,使用广告组件将广告卡片灵活配置在小程序页面内。

同时,微信广告已面向广告主开放品牌活动推广、电商推广、公众号推广及应用推广等类目能力,支持小程序广告资源位投放。

2、新增快速创建小程序接口

为帮助已有公众号用户快速接入小程序服务,公众平台新增“快速注册小程序”权限集。

公众号可授权第三方平台快速注册并认证小程序。

3、新增插件管理接口

为方便小程序开发者使用插件,新增插件管理接口,包括添加插件及管理插件使用申请。

新增“插件管理权限集”,支持小程序授权第三方平台添加插件。

4、更新基础能力

为保护用户隐私并优化体验,开发者在不获取用户信息的情况下,无需用户授权,即可在页面上展示当前用户的昵称和头像等内容。

当前用户小程序版本过低,无法获得最佳使用体验时,开发者可将其更新到最新版本。

小程序新增异步任务处理能力。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12045804.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存