小程序中子组件父/组件互相传值以及互相接收
生活随笔
收集整理的這篇文章主要介紹了
小程序中子组件父/组件互相传值以及互相接收
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
//show_none 組件遮罩屬性[true-false]
//compontpass子組件傳值父組件接收
//modal-d 父組件傳值子組件接收
//pract_moules_id 父組件頁面中點擊按鈕傳值給子組件
//modal-msg內(nèi)容
//組件//A頁面引入組件 A.WXML
<pract modal-hidden="{{show_none}}" bind:compontpass="compontpass" modal-d="1" id="start_id" modal-msg="{{modalMsg}}" />
<view bindtap="btn_start">A頁面</view>
//A頁面 A.JSON
{"navigationBarTitleText": "A頁面引入組件","usingComponents": {"componts": "../../../components/componts/componts"}
}
//A.js
Page({/*** 頁面的初始數(shù)據(jù)*/data: {},//父組件接收子組件傳值compontpass:function(res){if(e.detail.val){}console.log(e.detail.val);},//點擊傳值給子組件
btn_start:function(){// 點擊父組件傳值給子組件var start_id = that.selectComponent("#start_id");start_id.btn_start(1);}})//組件
//B頁面--組件 B.WXML
<view>B組件</view>
//B頁面--組件 B.JSON
{"component": true
}//B頁面 B.jsvar app=new getApp();
Component({properties: {//這里是遮罩層----默認(rèn)顯示modalHidden: {type: Boolean,value: true},modalD: {type: String,value: ""},// 文本內(nèi)容modalMsg: {type: String,value: " "},},data: {// 這里是一些組件內(nèi)部數(shù)據(jù)context: "默認(rèn)內(nèi)容",},// 子組件初始化加載方法attached: function() {//if (this.data.modalD == 1) {this.setData({context: "子組件初始化加載中獲取到父組件值--modal-d"})}},// 這里是所有方法methods: {// 子組件接收父組件點擊事件傳過來的值btn_start: function(obj) {console.log("子組件接收到的值", obj);if (obj == 2) {this.setData({context: "子組件接收到父組件頁面點擊事件傳過來的值"})}//子組件傳值給父組件var val = this.data.context; //通過這個傳遞數(shù)據(jù)var myEventDetail = {val: val} // detail對象,提供給事件監(jiān)聽函數(shù)this.triggerEvent('compontpass', myEventDetail) //myevent自定義名稱事件,父組件中使用},}},})
?
總結(jié)
以上是生活随笔為你收集整理的小程序中子组件父/组件互相传值以及互相接收的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: mysql宕机日志查询_Mysql容器异
- 下一篇: 移动安全测试框架MobSF(二):动态分