2020-08-06
2020-08-06 19:16
281 查看
小程序开发的组件传值
1创建组件
创建一个components 跟pages同级,然后在里面创建自己需要用 的组件 然后在父组件的json文件中usingComponents 里面写入路径
`"usingComponents": { "zu":"/components/zujian/zu" }` 前面的zu是自己定义的组件名称,再然后就是使用自己定义的组件名称 写到父组件里面就可以了 <zu />
2 组件传值之父传子
现在父组件中的子组件标签上绑定一个自定义属性,这个跟vue的方法有些类似,
<zu FUchuanZI = "我是向子组件穿的值" bind:zi="fu" />
然后在子组件中进行接受
properties: { FUchuanZI:String //这个是值的类型 },
3 组件传值之子传父
关于子传父我是这么写的
在子组件中写一个按钮绑定一个事件
<button bindtap='change'>向父中传入参数</button>
然后通过
change:function(){ this.triggerEvent('zi',this.data.arr); //这个zi是自定义的事件 }
方法向父组件传值
然后父组件的子组件标签上绑定子组件上定义的自定义事件
<zu bind:zi="fu" />
然后调用这个方法
fu(e){ console.log(e.detail }
这样就接受到了
相关文章推荐
- 媒体查询media
- 今天继续微信小程序学习
- 常用命令-文本处理相关
- 报错总结ing
- 马来西亚旅游不可不去的世外桃源
- 如何在阿里云服务器上搭建简历网站
- matlab实现曲面积分(surf_integral函数)
- python操作excel的干货。
- 介质访问控制(MAC)子层
- 留学生学位学历认证流程
- 马来西亚留学回国人员证明
- 【飞桨PaddlePaddle】StarGANv2论文复现
- Java-类与对象
- linux主机名修改
- 英文原著582本分享和新东方雅思培训视频资料(和学为贵雅思资料)
- 对多个属性全为为集合的,thymeleaf空值处理
- 本硕博都有在马来亚大学读书是一种什么体验?
- CentOS 服务器存在太多TIME_WAIT
- 新零售小程序制作流程
- 阿里云 ECS 7天实践训练营 Class1学习心得