1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 微信小程序如何获取自定义组件中properties的属性并修改 以及父组件和子组件相互传值

微信小程序如何获取自定义组件中properties的属性并修改 以及父组件和子组件相互传值

时间:2018-07-25 08:33:37

相关推荐

微信小程序如何获取自定义组件中properties的属性并修改 以及父组件和子组件相互传值

原因:因为自己想了解组件中properties里面的值如何获取到而记录这篇文章

一、自创自定义组件,在json文件夹写上“component”:true

二、父组件的操作步骤

2.1.在json文件夹加上使用组件

2.2 在js文件中写好要传的数组数据

2.3 在wxml页面进行父组件传子组件的值,用属性传值

三、字组件在自己的JS中properties接收父组件传过来的值,定义好type属性和value为[],即为默认值(父组件传过来的值)

四、用observers监听properties的属性值(重点)

observers:{'tabs': function(val){console.log(val)}}

打印的结果如下图所示,成功拿到properties的属性值(由父组件传过来的)

五、子组件页面调用父组件的值

六、子组件向父组件传值,需要用使用自定义事件,data-index是向handleItemTap传递参数的值 如下传递索引

七、子组件在js中的methods方法中定义这个点击事件(注意components方法是在methods里面写的),触发父组件的事件是this.triggerEvent(‘事件名’,‘要传过去的值’)

八、父组件wxml绑定自定义事件–bind要+上子组件写的事件名即tabsItemChange

九、在父组件js中调用该绑定的方法 进行你想要的操作

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。