国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 熱點 > 微信 > 正文

詳解微信小程序中組件通訊

2024-07-22 01:17:25
字體:
來源:轉載
供稿:網友

這篇主要講組件通訊

(1)父組件向子組件傳值:

<header title='{{title}}' bind:fn='fn' id='header'></header>

通過title='{{title}}'傳向子組件向子組件傳遞參數

子組件接收參數:

Component({ properties: {  title: {    // 屬性名 type: Number, // 類型(必填)   type: String,//目前接受的類型包括:String, Number, Boolean, Object, Array, null(表示任意類型)  },  fn: {      type: Function,  }, }, data: {     }, methods: {  // 子組件調用父組件方法  childFn() {   console.log(this.data.title)   this.triggerEvent("fn");   //triggerEvent函數接受三個值:事件名稱、數據、選項值   } }})

methods使用title時 this.data.title 直接就可以獲取到

通過 bind:fn='fn'傳向子組件向子組件傳遞方法

方法同樣也要在properties接收,methods里定義一個新方法, this.triggerEvent("fn") 接收父組件傳遞過來的方法

(2)父組件調用子組件數據及方法:

首先在父組件js onReady 生命周期中獲取到組件

onReady: function () {  //獲得popup組件  this.header= this.selectComponent("#header");},

比如要調用子組件的一個function方法

// 調用子組件方法 fn(){  this.header.fn() //子組件的方法 },

調用子組件數據的話直接 this.header.msg 就可以拿到子組件的數據

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 阳信县| 翁牛特旗| 金寨县| 兰州市| 泾阳县| 罗田县| 天水市| 拉萨市| 汕尾市| 贵德县| 灵石县| 衡山县| 富宁县| 台东市| 永昌县| 榕江县| 韶山市| 阳谷县| 乡宁县| 华亭县| 图们市| 洛川县| 来安县| 朝阳区| 海伦市| 永州市| 安宁市| 阿勒泰市| 岐山县| 昭通市| 沈丘县| 靖安县| 海门市| 泰兴市| 慈溪市| 吐鲁番市| 黔江区| 肃北| 绍兴市| 安丘市| 个旧市|