博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序组件通信入门及组件生命周期函数
阅读量:5067 次
发布时间:2019-06-12

本文共 1071 字,大约阅读时间需要 3 分钟。

组件生命周期函数链接地址:

微信小程序中使用方法传递参数

错误写法:

 

正确写法

父级
//传递的参数必须以data-xxx开头

1、暴露组件,在组件xxx.json里

{  "component": true,  "usingComponents": {}}

2、在父级注册组件,在xxx.json里

{  "usingComponents": {    "sron":"/components/sron/sron"  }}

3、父组件向子组件传递参数

//transmit是来自data里面的数据

4、子组件接收参数

Component({  /**   * 组件的属性列表   */  properties: {    mes:{      type:String,      value:''    }  },  /**   *  在组件实例进入页面节点树时执行   */  attached(){    console.log(this.properties.mes)  }})

注意:此处两个参数要相同

1)在小程序中改变data中的状态使用 this.setData

data:{    curAdProp:{},  },  methods: {    dataInit(){      this.setData({        'curAdProp': "我要改变data里面curAdProp的数据"      });    }}

5、子组件向父组件传值(通过 triggerEvent 方法)

我是子组件
//是组件---->方法需要写到methods函数里面 methods:{    btn_sron(){      this.triggerEvent("btn_box","我是传递给父级的数据")//btn_box是将要在父级触发的事件    }  }

--------------------------父级中-----------------------------

 

//btn_sron是btn_box事件要触发的方法

 

//非组件----》方法不用写在methods函数里面 btn_sron(e){    console.log("来自子组件的数据",e.detail)//e.detail是来自子组件的数据  }

 

转载于:https://www.cnblogs.com/tlfe/p/11126861.html

你可能感兴趣的文章
【IdentityServer4文档】- 欢迎来到 IdentityServer4
查看>>
安全测试的一些漏洞和测试方法
查看>>
spring框架学习笔记(八)
查看>>
vim格式化代码
查看>>
探索 ConcurrentHashMap 高并发性的实现机制
查看>>
Web服务器超时处理
查看>>
keil C 51 strlen库函数使用
查看>>
JS取得绝对路径
查看>>
排球积分程序(三)——模型类的设计
查看>>
编程原则 流水账
查看>>
tomcat URL乱码问题
查看>>
wpf首次项目开发技术总结wpf页面
查看>>
python numpy sum函数用法
查看>>
Linux中的SELinux详解--16
查看>>
php变量什么情况下加大括号{}
查看>>
less入门
查看>>
如何实现手游app瘦身?
查看>>
linux程序设计---序
查看>>
【字符串入门专题1】hdu3613 【一个悲伤的exkmp】
查看>>
C# Linq获取两个List或数组的差集交集
查看>>