您的位置:首页 > 其它

2020-08-06

2020-08-06 19:16 281 查看

小程序开发的组件传值

1创建组件

创建一个components 跟pages同级,然后在里面创建自己需要用
的组件
然后在父组件的json文件中usingComponents 里面写入路径
`"usingComponents": { "zu":"/components/zujian/zu"  }`

前面的zu是自己定义的组件名称,再然后就是使用自己定义的组件名称
写到父组件里面就可以了
<zu  />

2 组件传值之父传子

现在父组件中的子组件标签上绑定一个自定义属性,这个跟vue的方法有些类似,

<zu FUchuanZI = "我是向子组件穿的值" bind:zi="fu" />

然后在子组件中进行接受

properties: {
FUchuanZI:String  //这个是值的类型
},

3 组件传值之子传父

关于子传父我是这么写的
在子组件中写一个按钮绑定一个事件

<button bindtap='change'>向父中传入参数</button>

然后通过

change:function(){
this.triggerEvent('zi',this.data.arr);
//这个zi是自定义的事件
}

方法向父组件传值

然后父组件的子组件标签上绑定子组件上定义的自定义事件

<zu bind:zi="fu" />

然后调用这个方法

fu(e){    console.log(e.detail  }

这样就接受到了

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: