⼩程序⾃定义组件传值页⾯和组件相互传数据操作⽰
例
本⽂实例讲述了⼩程序⾃定义组件传值页⾯和组件相互传数据操作。分享给⼤家供⼤家参考，具体如下：
要想在组件中调到页⾯中的⽅法，并且想要组件中传数据到页⾯去，emmmm，可以酱紫：
⽤组件事件 triggerEvent！
⾸先，在页⾯中定义组件，json⽂件中记得加上：
{
"usingComponents": {
"user-btn": "/pages/component/userInfo/userInfo"
}
},
然后，index.wxml~
index.wxml
...
<user-btn show="{{userShow}}" bind:showTab="showTab"></user-btn>
...
到了组建：
// 与页⾯衔接触发页⾯中的⽅法并传数据
res.data就是组件中请求到的数据；
回到index.js，他的showTab⽅法~
showTab:function(e){
console.log('this is showtabBar');
console.log(e.detail);
svg交互是什么},
那么这个e.detail就能获取到组件中的res.data的数据啦~
当然要想从页⾯中带数据到组件：
譬如刚刚index.wxml中的show，在页⾯中的index.js可以随意控制userShow的值：
index.wxml
...
<user-btn show="{{userShow}}" bind:showTab="showTab"></user-btn>
...
然后在组建中，便可以这样取到我们从页⾯中传⼊的值。
properties: { //对外属性，即如果外部的wxml⽂件传⼊数据时，会把数据设置成properties的属性
'show':{
type:Boolean,
value:'',
observer: function (newVal, oldVal) {
console.log(newVal)
}
},
},
ready:function(){
console.log(this.properties);
},
好啦⼤功告成！
希望本⽂所述对⼤家⼩程序开发有所帮助。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。