component组件化

1.通过以下形式直接新建component所需文件tiezi

新建component

2.在tiezi.json中进行如下设置

tiezi.json

3.相应的父组件的json文件配置如下

card.json

4.在父组件中引入子组件,通过myProperty来定义变量名

引入组件帖子

5.在tiezi.js文件中通过properties传入数据,属性名与父文件中定义数据时属性名相同

tiezi.js

6.在tiezi.html中渲染数据,数据名与js文件中属性名相同

tiezi.wtml

7.在父组件中调用子组件事件操作

tiezi.wtml

在子组件中定义全局函数showEvent()更改isShow的布尔值

tiezi.js

在父组件中定义函数showEvent()

在父组件中通过selectComponent获取子组件实例后,可直接调用该子组件的showEvent()方法。

card.js

8.在子组件中对数据进行处理并传回到父组件中

将父页面test数据传递到tiezi组件中

card.wxml

通过在组件中调用triggerEvent事件处理函数,将处理过的数据传回父页面

给父组件绑定事件myevent,并将数据addEvent传递


card.wxml

通过bind绑定事件将子组件更改后的数据存入父页面的data中

card.js
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,259评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,554评论 25 709
  • 时间过的很快21天特种兵训练还有几天就要结束了。通过两周的学习我有了很大的变化。第二周我们学习到如何去与粉丝...
    天琴_6c1e阅读 247评论 0 0
  • 从古自今,关于女人的话题数见不鲜。美貌与智慧并存,痴狂与勇敢共生。 沉鱼落雁,闭月羞花。仙姿玉色,倾国倾城。 回头...
    civilian阅读 409评论 0 1
  • 忘了?全忘了?还是不想坚持了? 有人惰性发作了!
    景瑟怡然阅读 208评论 1 0