完善资料让更多小伙伴认识你,还能领取20积分哦, 立即完善>
|
|
相关推荐
4个回答
|
|
基本用法
在根目录下创建一个 component 目录,用于存放自定义组件 组件也是由 json、wxml、wxss、js 四个文件组成 其中 wxml 部分没有什么特殊的地方,和页面的写法一致 wxss 也是只对组件生效,而且 app.wxss 中的样式也不会对自定义组件生效 在组件wxss中不应使用ID选择器、属性选择器和标签名选择器 #a { } /* 在组件中不能使用 */ [a] { } /* 在组件中不能使用 */ button { } /* 在组件中不能使用 */ .a 》 .b { } /* 除非 .a 是 view 组件节点,否则不一定会生效 */ 最关键的地方在于,需要在 json 中添加配置项:将 component 字段设为 true,这样才能注册这个自定义组件 { “component”: true, “usingComponents”: {} } usingComponents字段组件里面可以引入其他组件,在页面引用组件同样也需要在json设置这个字段 { “navigationBarTitleText”: “登录”, “usingComponents”: { “toast”: “。./component/Toast/toast” } } 然后就能在登录页面的 wxml 中直接使用该组件 |
|
|
|
组件间的参数传递
这里的** properties** 类似于 vue 中的 props,表示该对象下的属性将从外部传入 properties 可设置 type、value、observer 三个属性 其中 type 用于指定字段类型(Number,String,Array,Object,Function) value 表示字段的默认值,observer 用于定义该字段的监听函数 在页面上调用组件的时候,直接给 data 赋值就好: PS:开发中应当避免使用 data 为前缀的属性名(如 data-text),这会被识别为 dataset 中的参数
// toast.wxml 我们在点击toast组件的时候,执行了catchtap='_tapEvent'方法,这个方法用了this.triggerEvent("tapEvent"),这种是类似广播或者是说自定义事件,触发了在login调用toast组件里面绑定的事件bind:tapEvent并执行了login.js里面定义的方法_tapEvent
|
|
|
|
事件传参
在view中 ,我们用bindtap绑定了showDia方法,并且自定义data-name属性(使用过JQ的人会知道这种方法跟JQ的自定义属性取值是一样的) ,data作为前缀的属性名会被dataset识别,混搅到自定义属性取值的使用 这里还有注意两点: 1、data-名称 不能有大写字母,如果需要,可以通过 - (中划线)来连接单词,编译的时候小程序会将第二个单词首字母自动大写。data-* 属性中不可以存放对象。 2、注意打印结果中target和currentTarget的区别。 - target 触发事件的源组件。 - currentTarget 事件绑定的当前组件。 |
|
|
|
URL 传参
如果需要页面跳转,那么就可以使用 navigateTo() 方法或者使用navigator标签的url属性 跳转页面,这样可以在 url 后面接 query 参数 wx.navigateTo({ url: '../login/login?source=index'})// 或者 onLoad: function (options) { console.log(options) } 这种方式只能通过 navigateTo方法或者navigator 标签发送,onLoad 接收 所以只能用于跳转到非 tabbar 的页面 |
|
|
|
只有小组成员才能发言,加入小组>>
698 浏览 0 评论
1109 浏览 1 评论
2476 浏览 5 评论
2810 浏览 9 评论
移植了freeRTOS到STMf103之后显示没有定义的原因?
2653 浏览 6 评论
使用eim外接fpga可是端口一点反应都没有有没有大哥指点一下啊
656浏览 9评论
651浏览 7评论
请教大神怎样去解决iMX6Q在linux3.0.35内核上做AP失败的问题呢
785浏览 6评论
632浏览 5评论
672浏览 5评论
小黑屋| 手机版| Archiver| 电子发烧友 ( 湘ICP备2023018690号 )
GMT+8, 2024-11-24 06:25 , Processed in 1.089320 second(s), Total 86, Slave 67 queries .
Powered by 电子发烧友网
© 2015 bbs.elecfans.com
关注我们的微信
下载发烧友APP
电子发烧友观察
版权所有 © 湖南华秋数字科技有限公司
电子发烧友 (电路图) 湘公网安备 43011202000918 号 电信与信息服务业务经营许可证:合字B2-20210191 工商网监 湘ICP备2023018690号