完善资料让更多小伙伴认识你，还能领取20积分哦， 立即完善>
3天内不再提示
电子发烧友论坛|
|
|
相关推荐
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 的页面 |
|
|
|
|
只有小组成员才能发言，加入小组>>
810 浏览 0 评论
1161 浏览 1 评论
2535 浏览 5 评论
2871 浏览 9 评论
移植了freeRTOS到STMf103之后显示没有定义的原因？
2719 浏览 6 评论
keil5中manage run-time environment怎么是灰色，不可以操作吗？
1109浏览 3评论
198浏览 2评论
465浏览 2评论
379浏览 2评论
M0518 PWM的电压输出只有2V左右，没有3.3V是怎么回事？
460浏览 1评论
/7 
关注我们的微信
下载发烧友APP
电子发烧友观察
版权所有 © 湖南华秋数字科技有限公司
电子发烧友 （电路图） 湘公网安备 43011202000918 号 电信与信息服务业务经营许可证：合字B2-20210191
工商网监
湘ICP备2023018690号
1299
评论
淘帖
1512
